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 相关文章推荐
jQuery 技巧小结
Apr 02 Javascript
js判断url是否有效的两种方法
Mar 04 Javascript
基于jQuery的图片不完全按比例自动缩小
Jul 11 Javascript
jQuery.prop() 使用详解
Jul 19 Javascript
JSON简介以及用法汇总
Feb 21 Javascript
Angularjs过滤器实现动态搜索与排序功能示例
Dec 13 Javascript
基于jQuery.i18n实现web前端的国际化
May 04 jQuery
Angular7创建项目、组件、服务以及服务的使用
Feb 19 Javascript
简单说说如何使用vue-router插件的方法
Apr 08 Javascript
百度小程序自定义通用toast组件
Jul 17 Javascript
Vue 解决多级动态面包屑导航的问题
Nov 04 Javascript
JS实现简单移动端鼠标拖拽
Jul 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 setTime 设置当前时间的代码
2012/08/27 PHP
如何阻止网站被恶意反向代理访问(防网站镜像)
2014/03/18 PHP
PHP用星号隐藏部份用户名、身份证、IP、手机号等实例
2014/04/08 PHP
php通过array_unshift函数添加多个变量到数组前端的方法
2015/03/18 PHP
php计划任务之验证是否有多个进程调用同一个job的方法
2015/12/07 PHP
PHP从二维数组得到N层分类树的实现代码
2016/10/11 PHP
PHP实现的mysql读写分离操作示例
2018/05/22 PHP
javascript循环变量注册dom事件 之强大的闭包
2010/09/08 Javascript
jquery中防刷IP流量软件影响统计的一点对策
2011/07/10 Javascript
nodejs导出excel的方法
2015/06/30 NodeJs
vue.js学习之vue-cli定制脚手架详解
2017/07/02 Javascript
浅谈jquery fullpage 插件增加头部和版权的方法
2018/03/20 jQuery
微信小程序开发之自定义tabBar的实现
2018/09/06 Javascript
一起写一个即插即用的Vue Loading插件实现
2019/10/31 Javascript
[03:48]2014DOTA2 TI专访71DK夺冠不靠小组赛高排名
2014/07/11 DOTA
[47:03]Ti4第二日主赛事败者组 LGD vs iG 2
2014/07/21 DOTA
[01:05:59]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
Python中input和raw_input的一点区别
2014/10/21 Python
python字符类型的一些方法小结
2016/05/16 Python
python3+PyQt5自定义视图详解
2018/04/24 Python
Python中.join()和os.path.join()两个函数的用法详解
2018/06/11 Python
Python 中如何使用 virtualenv 管理虚拟环境
2021/01/21 Python
canvas绘制太极图的实现示例
2020/04/29 HTML / CSS
JoJo Maman Bébé爱尔兰官网:英国最受欢迎的精品母婴品牌
2020/12/20 全球购物
留学自荐信
2013/10/10 职场文书
通信生自我鉴定
2014/01/18 职场文书
运动会领导邀请函
2014/02/05 职场文书
《跨越百年的美丽》教学反思
2014/02/11 职场文书
幼儿园家长评语大全
2014/04/16 职场文书
网页美工求职信范文
2014/04/17 职场文书
护理专科学生自荐书
2014/07/05 职场文书
高中生毕业评语
2014/12/30 职场文书
商务邀请函
2015/01/30 职场文书
JS Canvas接口和动画效果大全
2021/04/29 Javascript
详解nginx进程锁的实现
2021/06/14 Servers
关于PostgreSQL JSONB的匹配和交集问题
2021/09/14 PostgreSQL