本地启动是没问题 打包后启动请求 url 为 file:///D:xxx/xxx
时间: 2023-09-01 21:07:18 浏览: 57
如果请求的 URL 是 file:///D:xxx/xxx,则说明你的应用程序在本地运行时使用了绝对路径。但是,当你打包应用程序后,应用程序的根目录会发生变化,因此绝对路径会失效。
为了解决这个问题,你需要使用相对路径来替代绝对路径。相对路径会根据应用程序的根目录进行解析,因此即使应用程序的根目录发生变化,你的请求 URL 也不会失效。
你可以使用相对路径的方式来替换绝对路径,例如:
```
axios.get('./data.json')
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});
```
这个例子中,请求的 URL 是相对于当前文件的路径,而不是绝对路径。这样就可以避免在打包后请求 URL 出现问题了。
相关问题
vue 项目打包后 请求 url 为file:///D:xxx/xxx/
这是因为在开发过程中,你可能使用了相对路径来引用资源和请求接口,但在打包后,这些相对路径会被替换成绝对路径,而绝对路径在本地文件系统中是以 `file:///` 开头的。
为了解决这个问题,你需要确保在项目中使用的所有相对路径都是相对于根路径的,而不是相对于当前文件的路径。你可以在你的请求接口中使用绝对路径,或者在你的 `vue.config.js` 中配置 `publicPath`,让打包后的文件使用相对路径。
```javascript
module.exports = {
publicPath: './'
}
```
这样打包后的文件就会使用相对路径,而不是绝对路径了。
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协议。