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 运算数的求值顺序
Aug 23 Javascript
可自己添加html的伪弹出框实现代码
Sep 08 Javascript
兼容FF和IE的动态table示例自写
Oct 21 Javascript
javascript中怎么做对象的类型判断
Nov 11 Javascript
js cookie实现记住密码功能
Jan 17 Javascript
JavaScript中的toString()和toLocaleString()方法的区别
Feb 15 Javascript
layui radio性别单选框赋值方法
Aug 15 Javascript
浅谈vue同一页面中拥有两个表单时,的验证问题
Sep 18 Javascript
vue实现修改图片后实时更新
Nov 14 Javascript
javascript设计模式 ? 抽象工厂模式原理与应用实例分析
Apr 09 Javascript
elementUI同一页面展示多个Dialog的实现
Nov 19 Javascript
一起深入理解js中的事件对象
Feb 06 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
ftp类(example.php)
2006/10/09 PHP
拼音码表的生成
2006/10/09 PHP
不用mod_rewrite直接用php实现伪静态化页面代码
2008/10/04 PHP
php 设计模式之 工厂模式
2008/12/19 PHP
php抽奖小程序的实现代码
2013/06/18 PHP
php阻止页面后退的方法分享
2014/02/17 PHP
Zend Framework动作控制器用法示例
2016/12/09 PHP
PHP获取表单数据与HTML嵌入PHP脚本的实现
2017/02/09 PHP
又一个图片自动缩小的JS代码
2007/03/10 Javascript
msn上的tab功能Firefox对childNodes处理的一个BUG
2008/01/21 Javascript
sogou地图API用法实例教程
2014/09/11 Javascript
jQuery函数map()和each()介绍及异同点分析
2014/11/08 Javascript
简介AngularJS中使用factory和service的方法
2015/06/17 Javascript
AngularJS中的表单简单入门
2016/07/28 Javascript
详解AngularJS如何实现跨域请求
2016/08/22 Javascript
利用vue-router实现二级菜单内容转换
2016/11/30 Javascript
Vue2学习笔记之请求数据交互vue-resource
2017/02/23 Javascript
vue 自定义指令自动获取文本框焦点的方法
2018/08/25 Javascript
element-ui的回调函数Events的用法详解
2018/10/16 Javascript
基于React Native 0.52实现轮播图效果
2020/08/25 Javascript
开始着手第一个Django项目
2015/07/15 Python
python中类和实例如何绑定属性与方法示例详解
2017/08/18 Python
python自动点赞功能的实现思路
2020/02/26 Python
沙特阿拉伯网上购物:Sayidaty Mall
2018/05/06 全球购物
美国办公用品折扣网站:Shoplet.com
2019/11/24 全球购物
介绍一下SQL Server的全文索引
2013/08/15 面试题
企业内部培训方案
2014/02/04 职场文书
宗教学大学生职业生涯规划范文
2014/02/08 职场文书
关爱留守儿童标语
2014/06/18 职场文书
党建工作汇报材料
2014/12/24 职场文书
工人先锋号申报材料
2014/12/29 职场文书
公务员政审个人总结
2015/02/12 职场文书
教师节表彰会主持词
2015/07/06 职场文书
2016年读书月活动总结范文
2016/04/06 职场文书
使用canvas对video视频某一刻截图功能
2021/09/25 HTML / CSS
一篇文章带你掌握SQLite3基本用法
2022/06/14 数据库