vue.config.js跨域转发不生效的问题

这个问题困住了我近一天 太深刻了 由于跟着教程走的

学的时候学的是vue2 但教程用的是3

后来查了很久才发现 3新增了这个vue.config.js配置文件

所以改用2的跨域解决办法

终于解决了

以下是vue.config.js跨域 需要和src同级目录 且重启生效

let proxyObj = {}

proxyObj['/'] = {
//目标地址
  target: 'http://localhost:8081',
//发送请求头中host会设置成target
  changeOrigin: true,
//不重写请求地址
  pathRewrite: {
    '^/': '/'
  }
}
module.exports = {
  devServer: {
    host: 'localhost',
    port: 8080,
    proxy: proxyObj
  }
}

以下是vue2的跨域转发 配置在index.js里 应该也要重启下

设置下代理

  proxyTable: {
      '/': {
        target: 'http://localhost:8081',
        changeOrigin: true,
        pathRewrite: {
          '^/': ''
        }
      }
    }

由于本人学的也不是很精 只能草草给出这种问题解决的一个方案 不能细细解释 见谅