如何解决跨域,跨域也配置了但是无法解决,实在无法解决了,求求各位大佬帮帮忙吧。
如果是后端的跨域,一般在main.js设置如下代码:
//配置后端服务地址
axios.defaults.baseURL="后端接口地址";
//添加的配置
axios.defaults.withCredentials = true;
//在Vue中配置axios,在所有的Vue组件中就可以通过this.axios使用axios库
Vue.use(VueAxios,axios);
设置上面的前提是vue要引入axios,然后后端需要设置允许跨域请求的地址以及相应头就是支持get,post,delete,put等提交请求
如果是对第三方请求跨域,一般需要在vue里面使用json,类似与axios,使用方式都一样,或者在conf文件夹里面设置
在conf里面设置如下:
index.js
module.exports = {
dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api': {
target: 'https://xxx.com/', // 设置你调用的接口域名
changeOrigin: true, // 是否跨域
pathRewrite: {
'^/api': '/' // 这里可以理解为用‘/api’来代替target里面的地址,例如我们调用http://jspang.com/DemoApi/oftenGoods.php,直接写成‘/api/DemoApi/oftenGoods.php’就可以了
},
},
},
dev.env.js
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
API_HOST: '"/api/"',
})
就可以了
localhost:端口号/api等价与https://xxx.com/
后端是用什么技术实现的?一般在后端做跨域处理。