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 ,浏览器正常请求