码迷,mamicode.com
首页 > 移动开发 > 详细

axios全局注册,设置token,以及全局设置url请求网段的方法

时间:2018-10-19 00:02:03      阅读:367      评论:0      收藏:0      [点我收藏+]

标签:cep   code   百度   原型   ber   highlight   lin   百度网   cell   

a1.axios全局注册

axios不同 与vue-resource不能在import axios from ‘axios‘后使用Vue.use(axios),axios不是插件,要想全局使用axios应该修改其原型链,代码如下

1
2
import axios from ‘axios‘
Vue.prototype.$axios=axios

这样 axios就全局注册好了,要使用axios,只需要这样

前端精品教程:百度网盘下载

1
2
3
4
5
6
this.$axios.post("/login", this.form).then((response) => {
   
  } else {
   
  }
  });

使用this.$axios 就可以了。

2.axios设置头部token.

前端精品教程:百度网盘下载

设置token需要使用axios拦截器代码如下

1
const url=‘192.137.8080/api‘/*设置全局请求地址*/
1
2
3
4
5
6
7
8
9
10
11
12
13
14
axios.interceptors.request.use(
  config => {
  let token = localStorage.getItem("x-auth-token");
  if (token) { // 判断是否存在token,如果存在的话,则每个http header都加上token
   config.headers.token = `${token}`;
  }
  if (config.url.indexOf(url) === -1) {
   config.url = url + config.url;/*拼接完整请求路径*/
  }
  return config;
  },
  err => {
  return Promise.reject(err);
  });

axios全局注册,设置token,以及全局设置url请求网段的方法

标签:cep   code   百度   原型   ber   highlight   lin   百度网   cell   

原文地址:https://www.cnblogs.com/hudayang2008/p/9813349.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!