vue项目打包后请求前缀变了,导致接口404,怎么处理?
时间: 2024-03-29 16:34:16 浏览: 24
这个问题可能是由于打包后的文件路径不同,导致请求前缀发生变化,从而导致接口404错误。解决这个问题的方法如下:
1. 在 Vue 项目的 `config/index.js` 文件中,可以设置 `build` 对象的 `assetsPublicPath` 属性,将其设置为你的服务器地址。
```javascript
build: {
assetsPublicPath: 'http://your-server-address.com/'
}
```
2. 如果你使用的是 `axios` 发送请求,可以在 `main.js` 文件中设置 `baseURL` 属性,将其设置为你的服务器地址。
```javascript
import axios from 'axios'
axios.defaults.baseURL = 'http://your-server-address.com/'
```
3. 如果你的服务器是部署在 Nginx 等反向代理服务器中,可以在 Nginx 的配置文件中设置反向代理规则,将请求转发到正确的地址上。
```nginx
location /api {
proxy_pass http://your-server-address.com/api;
}
```
以上是几种可能的解决方法,可以根据具体情况选择适合自己的方式。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![apk](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)