一、安装vue-resource插件
@H_404_5@
在根目录下的package.json检查一下插件的版本
在rourer-index.js下引入文件
@H_404_5@
引入vue-resource后,可以基于全局的Vue对象使用http,也可以基于某个Vue实例使用http 参考链接
二、安装axios插件
@H_404_5@
@H_404_5@
新建一个公共Js文件,用于存放httpserver
插件
export function getHttp (url,callFun) { //get请求方法
axios.get(url).then(callFun)
.catch(function(err){
console.log(err)
})
}
@H_404_5@
三、proxy代理
在config-index.js
文件下找到proxyTable
设置代理
例如我的vue项目链接是 localhost:8080 后台数据地址是 localhost:8081/api/seller(端口不一样)
方法重写url,这样配置出来的url为http://localhost:8081/api/seller
// '^/api': '/' // pathRewrite方法重写url,这样配置出来的url为http://localhost:8081/seller
}
}
}
@H_404_5@
四、数据调用
js部分