axios 跨域请求
用elementUI搭建后台界面;不错的选择;
配合vue,这里不得不说跨域调试;
目前webpack是时下流行的打包工具。也叫前端自动化解决方案;
第一个坑就是:修改了js记得重新编译下;
之前遇到一个问题相同的http请求axios为什么获取不到data数据。一度怀疑是后端服务的问题。但是后端服务通过地址栏 可以直接访问到api;
知识点vue axios的代理配置
//index.js代码片段
proxyTable: {
'/api': {
target: 'https://www.dlite.cn/', //访问url
changeOrigin: true, //是否跨域
pathRewrite: {
'^/api': ''
}
}
},
//main.js代码片段
import axios from 'axios'
Vue.prototype.HOME = '/api'+'/weapp/getTell';//对应的请求地址
Vue.prototype.$axios = axios;//通过prototype
Vue.use(ElementUI, axios);
//xxx.vue文件中的代码片段请求方法,注意箭头函数
var urls = this.HOME;
this.$axios.get(urls).then((res)=> {
this.list=res.data;
console.log(res)
})
另外可以直接使用axios的另一个插件axios-jsonp