当前位置： 移动技术网 > IT编程>脚本编程>vue.js > axios全局注册,设置token,以及全局设置url请求网段的方法

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

2018年10月07日  | 移动技术网IT编程  | 我要评论

前列腺炎的治疗费用,qq牧场刷金币,aramex快递查询

a1.axios全局注册

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

import axios from 'axios'
vue.prototype.$axios=axios

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

this.$axios.post("/login", this.form).then((response) => {
  
  } else {
  
  }
  });

使用this.$axios 就可以了。

2.axios设置头部token.

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

const url='192.137.8080/api'/*设置全局请求地址*/
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请求网段的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网