如何处理Vue项目proxy配置中不同端口及IP地址的接口问题？
- 内容介绍
- 文章标签
- 相关推荐
本文共计916个文字，预计阅读时间需要4分钟。
问题描述：使用vue-cli创建的项目，开发地址是localhost:8080，由于后台开发不同的模块，导致每个模块请求的IP和端口不一致，例如：http://192.168.10.22:8081或http://192.168.10.30:9999等。如何解决？
解决方法：可以通过配置vue-cli的代理（proxy）功能来实现。在项目的`vue.config.js`文件中添加代理配置，如下：
javascriptmodule.exports={ devServer: { proxy: { '/api': { target: 'http://192.168.10.22:8081', // 或者其他模块的IP和端口 changeOrigin: true, pathRewrite: { '^/api': '' } } } }}
这样配置后，所有以`/api`开头的请求都会被代理到对应的模块地址。需要注意的是，`target`的值需要根据实际情况进行修改。
本文共计916个文字，预计阅读时间需要4分钟。
问题描述：使用vue-cli创建的项目，开发地址是localhost:8080，由于后台开发不同的模块，导致每个模块请求的IP和端口不一致，例如：http://192.168.10.22:8081或http://192.168.10.30:9999等。如何解决？
解决方法：可以通过配置vue-cli的代理（proxy）功能来实现。在项目的`vue.config.js`文件中添加代理配置，如下：
javascriptmodule.exports={ devServer: { proxy: { '/api': { target: 'http://192.168.10.22:8081', // 或者其他模块的IP和端口 changeOrigin: true, pathRewrite: { '^/api': '' } } } }}
这样配置后，所有以`/api`开头的请求都会被代理到对应的模块地址。需要注意的是，`target`的值需要根据实际情况进行修改。