vue打包后请求地址为file
时间: 2024-06-11 12:06:17 浏览: 11
如果你的 Vue 应用程序打包后的请求地址为 file://,这可能是因为你的应用程序在本地运行了。在本地运行的应用程序将使用 file:// 协议,而不是 http:// 或 https:// 协议。如果你想在本地运行 Vue 应用程序并使用 http:// 或 https:// 协议,你需要在本地启动一个本地服务器,例如使用 npm run serve 命令。这将启动一个本地服务器,你可以在浏览器中通过 http://localhost:8080 访问你的应用程序。
相关问题
vue打包后请求地址为file:///D:xxx/xxx/
这是因为Vue打包后生成的是静态文件,而不是动态网页,所以需要通过一个Web服务器来访问。你可以使用任何一个Web服务器,比如Apache、Nginx等。以下是使用Node.js的http-server来启动一个本地Web服务器的方法:
1. 在命令行中进入你的Vue项目根目录,安装http-server:
```
npm install http-server -g
```
2. 启动http-server:
```
http-server -p 8000
```
这里的8000是端口号,你可以根据需要修改。启动后,你可以在浏览器中输入http://localhost:8000/来访问你的Vue应用。注意,这里的地址是http协议,而不是file协议。
vue 项目打包后 请求 url 为file:///D:xxx/xxx/
这是因为在开发过程中,你可能使用了相对路径来引用资源和请求接口,但在打包后,这些相对路径会被替换成绝对路径,而绝对路径在本地文件系统中是以 `file:///` 开头的。
为了解决这个问题,你需要确保在项目中使用的所有相对路径都是相对于根路径的,而不是相对于当前文件的路径。你可以在你的请求接口中使用绝对路径,或者在你的 `vue.config.js` 中配置 `publicPath`,让打包后的文件使用相对路径。
```javascript
module.exports = {
publicPath: './'
}
```
这样打包后的文件就会使用相对路径,而不是绝对路径了。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)