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


Posted in Javascript onSeptember 25, 2018

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请求网段的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
如何用javascript判断录入的日期是否合法
Jan 08 Javascript
JavaScript CSS修改学习第六章 拖拽
Feb 19 Javascript
jquery easyui的tabs使用时的问题
Mar 23 Javascript
JavaScript常用对象的方法和属性小结
Jan 24 Javascript
JavaScript入门教程之引用类型
May 04 Javascript
jquery简单插件制作(fn.extend)完整实例
May 24 Javascript
JS组件Bootstrap Table使用实例分享
May 30 Javascript
vue制作加载更多功能的正确打开方式
Oct 12 Javascript
原生js实现放大镜
Feb 20 Javascript
vue实现百度下拉列表交互操作示例
Mar 12 Javascript
javascript设计模式 ? 单例模式原理与应用实例分析
Apr 09 Javascript
js String.prototype.trim字符去前后空格的扩展
Aug 23 Javascript
vue实现多个元素或多个组件之间动画效果
Sep 25 #Javascript
vue 音乐App QQ音乐搜索列表最新接口跨域设置方法
Sep 25 #Javascript
Vue页面跳转动画效果的实现方法
Sep 23 #Javascript
vue解决弹出蒙层滑动穿透问题的方法
Sep 22 #Javascript
vue如何解决循环引用组件报错的问题
Sep 22 #Javascript
开发一个Parcel-vue脚手架工具(详细步骤)
Sep 22 #Javascript
angular的输入和输出的使用方法
Sep 22 #Javascript
You might like
PHP中几种常见的超时处理全面总结
2012/09/11 PHP
php利用新浪接口查询ip获取地理位置示例
2014/01/20 PHP
php将金额数字转化为中文大写
2015/07/09 PHP
利用php输出不同的心形图案
2016/04/22 PHP
PHP中in_array的隐式转换的解决方法
2018/03/06 PHP
slice函数的用法 之不错的应用
2006/12/29 Javascript
来自chinaz的ajax获取评论代码
2008/05/03 Javascript
JavaScript 撑出页面文字换行
2009/06/15 Javascript
jQuery插件-jRating评分插件源码分析及使用方法
2012/12/28 Javascript
javascript 三种方法实现获得和设置以及移除元素属性
2013/03/20 Javascript
javascript(js)的小数点乘法除法问题详解
2014/03/07 Javascript
javascript的document.referrer浏览器支持、失效情况总结
2014/07/18 Javascript
js继承call()和apply()方法总结
2014/12/08 Javascript
JavaScript获取页面上被选中文字的方法技巧
2015/03/13 Javascript
JS中Location使用详解
2015/05/12 Javascript
jQuery满意度星级评价插件特效代码分享
2015/08/19 Javascript
AngularJs 最新验证手机号码的实例,成功测试通过
2017/11/26 Javascript
关于vue v-for循环解决img标签的src动态绑定问题
2018/09/18 Javascript
vue element 生成无线级左侧菜单的实现代码
2019/08/21 Javascript
pycharm 使用心得(九)解决No Python interpreter selected的问题
2014/06/06 Python
Centos5.x下升级python到python2.7版本教程
2015/02/14 Python
Python Property属性的2种用法
2015/06/21 Python
pandas将DataFrame的列变成行索引的方法
2018/04/10 Python
Python后台开发Django的教程详解(启动)
2019/04/08 Python
使用Python实现分别输出每个数组
2019/12/06 Python
Python Tornado之跨域请求与Options请求方式
2020/03/28 Python
keras处理欠拟合和过拟合的实例讲解
2020/05/25 Python
初中校园广播稿
2014/02/02 职场文书
大学生军训自我鉴定
2014/02/12 职场文书
会计学毕业生求职信
2014/06/25 职场文书
航海技术专业毕业生推荐信
2014/07/09 职场文书
后勤工作个人总结
2015/02/28 职场文书
读《儒林外史》有感:少一些功利,多一些真诚
2020/01/19 职场文书
Python可视化学习之seaborn绘制矩阵图详解
2022/02/24 Python
win10如何更改appdata文件夹的默认位置?
2022/07/15 数码科技
MySQL表字段数量限制及行大小限制详情
2022/07/23 MySQL