vue设置代理不起作用问题及解决

proxyTable:{
      // 匹配 /dev-api 开头的请求， 比如：A网站：https://localhost:8888 中的index.html 页面发送AJax请求：/dev-api/data.json
      'dev-api': {
        target:'http://localhost:3001',
        // 开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，
        // 并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
        changOrigin: true, //开启代理
        pathRewrite: {
            "^/dev-api": ''
        }
      }
    },

proxyTable:{
      // 匹配 /dev-api 开头的请求， 比如：A网站：https://localhost:8888 中的index.html 页面发送AJax请求：/dev-api/data.json
      '/dev-api': {
        target:'http://localhost:3001',
        // 开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，
        // 并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
        changOrigin: true, //开启代理
        pathRewrite: {
            "^/dev-api": ''
        }
      }
    },

ENV = 'development'
VUE_APP_BASE_API="/dev-api"

devServer: {
    proxy:'http://localhost:8080'//所有的接口请求都会被代理到这个路径上
},
devServer: {
    proxy:{
        '/dev-api':{//只要是这个路径下的请求都会被代理到target中
            target:'http://localhost:8888',
            pathRewrite:{'^/dev-api':''}//路径重写：/dev-api路径将不会出现，如果改成'^/dev-api':'test'，则重写的路径/dev-api会变成test
        }
    }
},

.env                # 在所有的环境中被载入
.env.local          # 在所有的环境中被载入，但会被 git 忽略
.env.[mode]         # 只在指定的模式中被载入
.env.[mode].local   # 只在指定的模式中被载入，但会被 git 忽略
# mode 代表环境变量：development、production和test。不同的文件名在不同的环境下自动生效

.env.production//生产环境配置
.env.develoption//开发环境配置