uniapp 配置devserver代理

在uniapp项目中配置devserver代理，需要先检查用的vue版本。

vue3不能在manifest.json配置代理。

1.先检查项目用的vue版本

找到manifest.json文件查看vue的版本。

2.vue2在manifest.json内配置

1. "h5" : {
2.             "devServer": {
3.                 "port": 8080, //端口号
4.                 "disableHostCheck": true,
5.                 "proxy": {
6.                     "/dev-api": {
7.                         "target": "http://localhost:8081", //自己项目接口域名1
8.                         "changeOrigin": true, //是否跨域
9.                         "secure": true, // 设置支持https协议的代理
10.                         "pathRewrite": {
11.                             "^/dev-api": ""
12.                         }
13.                     }
14.                 }
15.             }
16.     }

3.vue3框架配置代理如下：

在项目根目录下找到config.js文件，没有则创建。

1. server: {
2.         proxy: {
3.             '/dev-api': {
4.                 target: 'http://localhost:8081', // 目标服务  
5.                 changeOrigin: true,
6.                 rewrite: path => path.replace(/^\/dev-api/, ''),
7.             }
8.         }
9.     }

修改完配置后，保存，重启项目使配置生效。