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

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

更多推荐