vue-admin-template反向代理设置
时间: 2023-09-27 08:08:58 浏览: 155
Vue-CLI3.x 设置反向代理的方法
在vue-admin-template中,反向代理设置可以在`vue.config.js`文件中进行配置。具体步骤如下:
1. 在项目根目录下创建`vue.config.js`文件。
2. 在该文件中添加以下代码:
```javascript
module.exports = {
devServer: {
proxy: {
'/api': { // 代理api
target: 'http://localhost:8080', // 代理服务器地址
changeOrigin: true, // 是否跨域
pathRewrite: {
'^/api': '' // 重写路径
}
}
}
}
}
```
3. 修改代理api的路径,例如原本请求的路径为`http://localhost:8080/api/login`,现在需要代理到`http://localhost:3000/login`,则需要将`pathRewrite`中的配置修改为:
```javascript
pathRewrite: {
'^/api': '/login'
}
```
4. 保存`vue.config.js`文件,并重新运行项目即可生效。
需要注意的是,修改完配置后需要重新启动项目,否则配置不会生效。另外,如果需要代理多个api,可以在`proxy`对象中添加多个配置。
阅读全文