处理Vue中通过Proxy配置不同端口和IP的接口问题
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本文介绍如何在Vue项目中使用Proxy解决开发环境下的跨域问题，并配置代理以访问不同端口和IP的后台服务。
问题描述：使用vue-cli创建的项目，默认开发地址是localhost:8080。由于后台模块的不同，每个模块请求的IP和端口号也不同，例如http://192.168.10.22:8081 或者 http://192.168.10.30:9999等。
解决问题：在vue.config.js文件中配置不同的代理服务器设置以解决跨域问题。具体方法如下：
```javascript
module.exports = {
publicPath: process.env.NODE_ENV === production ? ./ : /,
devServer: {
open: true,
proxy: {
// 在这里添加具体的代理规则，例如：
/api: {
target: http://192.168.10.22:8081,
changeOrigin: true,
pathRewrite: {^/api : }
}
},
},
}
```
以上配置中`proxy`部分可以根据项目需求添加不同的代理规则，以实现对不同后台模块的请求。
全部评论 (0)
还没有任何评论哟~
