介绍头(& # 39;Access-Control-Allow-Origin: * & # 39;);//允许所有来源访问
头(& # 39;Access-Control-Allow-Method:帖子,得到# 39;);//允许访问的方式 方法:,{
,getData (), {
var 才能;that =,
. ajax({美元才能
,,,url: & # 39; yoururl& # 39;
,,,类型:& # 39;得到# 39;
,,,数据类型:& # 39;jsonp # 39;
,,,成功:function (res), {
,,,that.data =, res.data;
,,}
})才能
,}
} proxyTable:, {
,,,& # 39;/api # 39;:,{,//使用“/api"来代替“http://v.juhe.cn/toutiao/index"
,,,,,目标:,& # 39;http://v.juhe.cn/toutiao/index& # 39;,,//源地址
,,,,,changeOrigin:,真的,,//改变源
,,,,,pathRewrite:, {
,,,,,,& # 39;^/api # 39;:, & # 39; & # 39;,//路径重写
,,,,,,}
,,,,}
},才能 this.axios.post (“/api ?类型=keji&键=yourkey"),然后(res =祝辞,{
,console.log (“api:“+ res);=,,this.kjnews res.data.result.data;
});
这篇文章主要介绍vue怎么实现跨域,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
vue实现跨域的方法,具体如下:
在请求的资源上没有“访问控制允许源”标头,因此,“http://LoalHoal: 8081”是不允许访问的。
出现这个报错就说明,浏览器限制了跨域,需要设置跨域
<强>一、后台更改标题
<强>二、使用JQuery提供的jsonp需要vue中引入JQuery 强,不是今天讲的重点
<强>三、使用vue-cli脚手架搭建项目时候的proxyTable解决跨域
在配置目录下的指数。js的proxyTable配置:
第一种:
注意:路径重写后面是空的不然请求不成功,最后配置完之后还要<代码> npm运行dev 重启一下
以上是“vue怎么实现跨域”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
