VUE在开发环境下实现跨域

时间:2023-03-08 16:44:46
VUE在开发环境下实现跨域

1. 跨域设置

VUE项目的 config文件夹下index.js文件中修改 dev: proxyTable中的内容(默认是没有内容的):

添加内容:

'/list': {
target: 'http://xxxxxxxxxxx',
changeOrigin:true,
pathRewrite: {
'^/list': '/'
}
}

VUE在开发环境下实现跨域

2. 请求方式

用axios方式:

VUE在开发环境下实现跨域

前缀list就是1中所设置的。

3.只是开发环境下可以实现跨域,上线项目按照这个配置是不能实现跨域的