vue3 设置跨域

changeOrigin 必须设置成 false#

const { defineConfig } = require('@vue/cli-service');
module.exports = defineConfig({
  transpileDependencies: true,

  devServer: {
    port: '8080', // 设置项目端口号
    proxy: {
      '/api': {
        target: 'http://39.97.107.92:8882', //API服务器的地址
        ws: true, //代理websockets
        changeOrigin: false, // 是否跨域，虚拟的站点需要更管origin
        pathRewrite: {
          // '^/api'是一个正则表达式，表示要匹配请求的url中，全部'http://localhost:8081/api' 转接为 http://localhost:8081/
          '^/api': '',
        },
      },
    },
  },
});

vue3 和 vue2 的区别#

vue2 的默认项： changeOrigin:false
vue3 的默认项： changeOrigin:true

true 和 false 的区别#

设置成 ture#

设置成 true 时 ，浏览器 会报错，跨域错误

设置成 false#

设置成 false ，浏览器正常请求

https://juejin.cn/post/7151966465606811678