跨域方案有很多种,既然我们用到了Vue,那么就使用Vue提供的跨域方案。
1。修改HttpRequestUtil.js
从“axios”进口axios
出口var baseurl='/api '/* *
*让请求
*/导出功能得到(url,回调){
console.log(“测试得到请求”)
axios.get (baseurl +网址)
不要犹豫(函数(响应){
console.log(响应)
回调(response.data,真的)
}）
.catch(函数(错误){
console.log(错误)
回调(null,假)
}）
}
出口默认{
得到
}
<强> 2。修改index.js
使用严格的//模板版本:1.3.1//见http://vuejs-templates.github。io/webpack文档。
const path=要求(“路径”)
模块。出口={
戴夫:{//路径
assetsSubDirectory:“静态”,
assetsPublicPath: '/',
proxyTable: {
“/api”: {
目标:' http://127.0.0.1:8088 ',//设置你调用的接口域名和端口号别忘了加http
changeOrigin:没错,
pathRewrite: {
“^/api”:“http://127.0.0.1:8088”//这里理解成用“/api”代替目标里面的地址,后面组件中我们掉接口时直接用api代替比如我要调用http://40.00.100.100:3002/user/添加,直接写“/api/用户/添加”即可
}
}
}，//各种开发服务器设置
主持人:' localhost ',//可以被process.env.HOST覆盖
端口:8090//可以被process.env覆盖。港口,如果端口正在使用中,一个自由>
proxyTable: {
“/api”: {
目标:' http://127.0.0.1:8088 ',//设置你调用的接口域名和端口号别忘了加http
changeOrigin:没错,
pathRewrite: {
“^/api”:“http://127.0.0.1:8088”//这里理解成用“/api”代替目标里面的地址,后面组件中我们掉接口时直接用api代替比如我要调用http://40.00.100.100:3002/user/添加,直接写“/api/用户/添加”即可
}
}
},
以上所述是小编给大家介绍的vue引入axios同源跨域问题,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
