#一.三种安装方式(任选其一)
1. $ npm install axios
2. $ bower install axios
3. 在index.html里面加入 < script src = "https://unpkg.com/axios/dist/axios.min.js" > < /script>
#二.接口跨域请求
修改index.js文件
proxyTable: {
'/api': {
target: 'https://ladybird.awservice.net/api', // 接口的域名
changeOrigin: true, // 是否跨域
pathRewrite: {
'^/api': ''
}
}
}
如需添加多个, 则用逗号隔开
proxyTable: {
'/api': {
target: 'https://ladybird.awservice.net/api',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
},
'/router': {
target: 'https://ladybird.awservice.net/router',
changeOrigin: true,
pathRewrite: {
'^/router': ''
}
}
}
修改完以后重新运行 npm run dev
#三.main.js设置如下
// 引入axios
import axios from 'axios'
// 创建基本的axios配置
var $http = axios.create({});
例: 在header中设置token, 代码如下
var $http = axios.create({
headers: {
'token': localStorage.getItem('token')
}
});
// 挂载到vue的原型
Vue.prototype.$http = $http;
#四.发送请求
var param = {
'loginName': 'ayumi',
'psw': '8888'
};
this.$http.post('/api/customer/sendMsg', param).then(function(res) {
console.log(res);
})
