在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. ?? ?}

修改完配置后，保存，重啟項目使配置生效。