一、开发时实现axios跨域访问
1.在config/index.js中添加下面代码
proxyTable: {
'/': {
target: 'http://192.168.2.105:8888',//目标接口域名,有端口号记得加上端口号
changeOrigin: true,//是否跨域
pathRewrite: {
'^/': '/'//重写接口,后面可以使重写的新路径，一般不做更改
}
}
},
2.使用axios请求数据时
let url = '/process_post';
//使用axios请求数据
this.axios.post(url)
.then(function (response) {
//此处要使用self，如果使用this指向的是axios对象，不再是vue对象
console.log(response)
})
.catch(function (error) {
console.log(error);
});
二、post提交后台接收不到数据
1.在src/main.js中添加
import qs from 'qs';
Vue.prototype.$qs = qs
2.使用axios请求数据时
let url = '/process_post';
let param = this.$qs.stringify({
names:self.form.input1,
passwords:self.form.input2
})
//使用axios请求数据
this.axios.post(url,param)
.then(function (response) {
//此处要使用self，如果使用this指向的是axios对象，不再是vue对象
console.log(response)
})
.catch(function (error) {
console.log(error);
});
