vue 打包后文件 打开index 请求的路径都是 Request URL: file:///C:/api/getLimit 然后请求不到
时间: 2023-09-11 12:05:37 浏览: 121
这个问题可能是因为你在打包后的Vue应用程序中使用了本地文件路径来请求API。在浏览器中,这种本地文件路径可能无法正常工作。为了解决这个问题,你需要更改你的API请求路径,使用相对路径或绝对路径来请求API。
相对路径示例:如果你的API在同一域名下的“/api/getLimit”路径,则可以使用“/api/getLimit”来请求API。
绝对路径示例:如果你的API位于不同的域名下,则可以使用完整的URL路径来请求API。例如,“http://example.com/api/getLimit”。
请注意,如果你的API是在本地运行的,则无法使用绝对路径来请求API。在这种情况下,你需要使用相对路径来请求API。
相关问题
vue 打包后文件 路径访问的都是 Request URL: file:///C:/api/getLimit
这个问题可能是因为你的 Vue 应用程序在本地运行,而请求的资源是通过 file:// 协议进行访问的。这在本地开发和测试时可能是可以的,但是在部署到服务器上时可能会遇到问题。
为了解决这个问题,你需要将你的 Vue 应用程序部署到一个 Web 服务器上,例如 Apache 或 Nginx。然后,将你的请求 URL 更改为使用 http:// 或 https:// 协议来访问你的 API,例如 http://localhost:8080/api/getLimit。
如果你已经将你的应用程序部署到了 Web 服务器上,但仍然无法访问你的 API,请确保你的 Web 服务器已正确配置并运行。如果你使用的是 Apache 或 Nginx,你可能需要配置反向代理来转发请求到你的 API 服务器。
vue 项目打包后 请求 url 为file:///D:xxx/xxx/
这是因为在开发过程中,你可能使用了相对路径来引用资源和请求接口,但在打包后,这些相对路径会被替换成绝对路径,而绝对路径在本地文件系统中是以 `file:///` 开头的。
为了解决这个问题,你需要确保在项目中使用的所有相对路径都是相对于根路径的,而不是相对于当前文件的路径。你可以在你的请求接口中使用绝对路径,或者在你的 `vue.config.js` 中配置 `publicPath`,让打包后的文件使用相对路径。
```javascript
module.exports = {
publicPath: './'
}
```
这样打包后的文件就会使用相对路径,而不是绝对路径了。
阅读全文