vue axios的使用
axios的使用:
1. 在main.js中引入axios模块,并将axios添加到Vue类型的原型对象中:
//ES6引入模块
import axios from 'axios'
//相当于const axios=require("axios")
Vue.prototype.axios=axios;
2. 坑: axios请求默认不带cookie!导致无法使用服务器端session。
解决: 配置axios,让其携带cookie:
axios.defaults.withCredentials=true
3. 坑: 如果服务端采用CORS跨域,默认无法接受验证信息的
服务端:
安装cors模块:npm i -save cors
express主模块app.js中,配置cors中间件,允许接受身份认证信息:
app.use(cors({
origin:'http://localhost:8080',
credentials:true
}))
4. 调用axios发送请求:
在任意.vue中:
this.axios.get/post( ... )
徐增友