<李>后台更改标题
<李>使用http-proxy-middleware代理解决(项目使用vue-cli脚手架搭建)
<李> Jquery jsonp李
标题(“Access-Control-Allow-Origin: *”);//允许所有来源访问
头(Access-Control-Allow-Method:帖子,得到);//允许访问的方式
打开配置/index.js在proxyTable中添写如下代码:
proxyTable: {
“/api”: {
目标:“填写请求源地址',//源地址
changeOrigin:真的,//是否跨域
pathRewrite: {
^/api:”//路径重写
}
}
}
这个。axios.post美元(“/api/地址”,{
发送的数据
})(https://www.yisu.com/zixun/data=> {
console.log(数据);
})
axios.defaults.headers.post(“内容类型”)=癮pplication/json”;
Vue.prototype。美元axios=axios;
fetch (“/api/测试/testToken.php”{
方法:“文章”,
标题:{
“内容类型”:“application/json”,
},
身体:JSON.stringify({发送数据})
})(结果=祝辞{
返回result.json ()
})(https://www.yisu.com/zixun/data=> {
console.log(数据);
})
方法:{
getData () {
var自我=这
. ajax({美元
url:“地址”,
类型:“得到”,
数据类型:“JSONP”,
成功:函数(res) {
自我。data=https://www.yisu.com/zixun/res.data.slice (0, 3)
自我。opencode=res.data [0] .opencode.split (" ")
}
}）
}
}
以上所述是小编给大家介绍的Vue项目中跨域问题解决方案,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
