vue2+axios的登录请求拦截器 vue axios请求拦截

配置axios具体步骤：

1.首先在项目所在根文件打开终端，输入以下代码下载axios需求文件

npm install axios

2.在项目main.js中引入axios，代码如下

import axios from axios

3.配置默认请求地址、请求头

axios.defaults.baseURL="你的请求地址"
axios.defaults.headers['Content-Type']='application/x-www-form-urlencoded'

4.在Vue原型上挂载axios,方便后面直接使用this调用

Vue.prototype.$http = axios

5.发送一个post请求,因为返回的是一个Promise对象形式，所以用async和await处理

 

async Login(){
　　const data = await this.$http.post("请求地址"，{
   　　 userName:"zs",
    　　passWord:"123456"
　　})
}

 

 

设置请求拦截器

在main.js中配置请求拦截器

 

//配置请求拦截
axios.interceptors.request.use(
　　function(config) {
　　console.log(config);
　　if (localStorage.getItem("token")) {
　　axios.defaults.headers.comm["token"] = localStorage.getItem("token");
　　}
　　return config;
　　},
　　function(err) {
　　console.log("失败信息" + err);
　　}
);