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 相关文章推荐
js 居中漂浮广告
Mar 21 Javascript
关于jQuery参考实例 1.0 jQuery的哲学
Apr 07 Javascript
JavaScript中如何通过arguments对象实现对象的重载
May 12 Javascript
javascript原生和jquery库实现iframe自适应高度和宽度
Jul 18 Javascript
Jquery幻灯片特效代码分享--打开页面随机选择切换方式(3)
Aug 15 Javascript
Javascript 链式作用域详细介绍
Feb 23 Javascript
关于vuejs中v-if和v-show的区别及v-show不起作用问题
Mar 26 Javascript
跨域解决之JSONP和CORS的详细介绍
Nov 21 Javascript
JavaScript 实现HTML DOM增删改查操作的常见方法详解
Jan 04 Javascript
6种JavaScript继承方式及优缺点(小结)
Feb 06 Javascript
一道JS算法面试题——冒泡、选择排序
Apr 21 Javascript
vue-cli3.0修改打包后的文件名和文件地址,打包后本地运行报错解决
Apr 06 Vue.js
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/06/17 PHP
PHP异常处理定义与使用方法分析
2017/07/25 PHP
PHP获取ttf格式文件字体名的方法示例
2019/03/06 PHP
php写入文件不覆盖的实例讲解
2019/09/17 PHP
xml分页+ajax请求数据源+dom取结果实例代码
2008/10/31 Javascript
实现png图片和png背景透明(支持多浏览器)的方法
2009/09/08 Javascript
表格奇偶行设置不同颜色的核心JS代码
2013/12/24 Javascript
JS获取地址栏参数的几种方法小结
2014/02/28 Javascript
node.js中的http.get方法使用说明
2014/12/14 Javascript
如何使用HTML5地理位置定位功能
2015/04/27 Javascript
纯js和css完成贪吃蛇小游戏demo
2016/09/01 Javascript
js防阻塞加载的实现方法
2016/09/09 Javascript
用Nodejs搭建服务器访问html、css、JS等静态资源文件
2017/04/28 NodeJs
JS实现给json数组动态赋值的方法示例
2020/03/19 Javascript
前端主流框架vue学习笔记第一篇
2017/07/26 Javascript
AngularJS实现的输入框字数限制提醒功能示例
2017/10/26 Javascript
原生JS实现逼真的图片3D旋转效果详解
2019/02/16 Javascript
openlayers实现地图弹窗
2020/09/25 Javascript
python处理中文编码和判断编码示例
2014/02/26 Python
Python标准库之Sys模块使用详解
2015/05/23 Python
浅谈Python使用Bottle来提供一个简单的web服务
2017/12/27 Python
使用Python实现租车计费系统的两种方法
2018/09/29 Python
matplotlib实现区域颜色填充
2019/03/18 Python
解决Keras的自定义lambda层去reshape张量时model保存出错问题
2020/07/01 Python
计算机个人求职信范例
2014/01/24 职场文书
触电现场处置方案
2014/05/14 职场文书
总经理岗位职责说明书
2014/07/30 职场文书
保洁员岗位职责
2015/02/04 职场文书
2015年圣诞节活动总结
2015/03/24 职场文书
2015年党日活动总结范文
2015/03/25 职场文书
终止劳动合同通知书
2015/04/16 职场文书
未中标通知书
2015/04/17 职场文书
Python文件的操作示例的详细讲解
2021/04/08 Python
pandas求平均数和中位数的方法实例
2021/08/04 Python
基于docker安装zabbix的详细教程
2022/06/05 Servers
python数字图像处理之图像的批量处理
2022/06/28 Python