vue反向代理
时间: 2023-06-22 18:22:20 浏览: 94
Vue-CLI3.x 设置反向代理的方法
Vue 反向代理可以通过配置 `vue.config.js` 文件来实现。具体步骤如下:
1. 在项目根目录下创建 `vue.config.js` 文件。
2. 在 `vue.config.js` 文件中添加如下代码:
```javascript
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:3000', // 后端接口地址
changeOrigin: true, // 是否跨域
pathRewrite: {
'^/api': '' // 重写接口
}
}
}
}
};
```
3. 修改 `target` 为后端接口地址,修改 `pathRewrite` 为需要重写的接口地址。
4. 在项目中使用时,只需要在请求的接口前加上 `/api` 前缀即可。
例如:
```javascript
axios.get('/api/user')
```
这样,请求就会被代理到 `http://localhost:3000/user` 接口地址上。
阅读全文