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

a1.axios全局注册

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

?


1

2

import axios from ‘axios‘

Vue.prototype.$axios=axios

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

前端精品教程：百度网盘下载

?


1

2

3

4

5

6

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

  

  } else {

  

  }

  });

使用this.$axios 就可以了。

2.axios设置头部token.

前端精品教程：百度网盘下载

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

?


1

const url=‘192.137.8080/api‘/*设置全局请求地址*/

?


1

2

3

4

5

6

7

8

9

10

11

12

13

14

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);

  });

原文地址：https://www.cnblogs.com/hudayang2008/p/9813349.html

时间： 2024-08-02 23:19:18

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

NO--09今天遇到的一点小问题之axios全局注册

今天用 Vue 写项目的时候,用到 axios ,因为 axios 不能用 Vue.use() ,所以在每个 .vue 文件中使用 axios 时就需要 import , .vue 文件少的话还好说,多的话未免有点麻烦. 后来想了想,能不能直接把 axios 加到 Vue 的原型中,这样就达到了全局注册了. 1. 首先在 main.js 中引入 axios import Vue from 'vue' import axios from 'axios' //把 `axios` 加到 `Vue` 的

C# 全局热键设置 与 窗体热键设置

1. 窗体热键 首先要设置主窗体KeyPreview为true,可直接在属性中进行设置, 或者在窗体加载中设置: this.KeyPreview = true; 然后添加窗体KeyDown事件,如下: private void FrmMain_KeyDown(object sender, KeyEventArgs e) { if (e.Alt && e.Shift && e.Control && e.KeyCode == Keys.S) { MessageB

settings 全局默认设置 Maven配置使用阿里云镜像

在settings.xml文件中的mirrors下添加mirror标签 <!-- 阿里云仓库 --> <mirror> <id>alimaven</id> <mirrorOf>central</mirrorOf> <name>aliyun maven</name> <url>http://maven.aliyun.com/nexus/content/repositories/central/<

全局CSS设置

全局CSS设置 1.清除所有的标记的内外边距 body,ul,li,a,img,p,input{ margin:0; padding:0; } 2.去除项目符号或编号前面的符号 ul,ol,li{ list-style:none; } 3.全局链接效果 a:link , a:visited{color:#444;text-decoration:none;} a:hover{color:red;} 4.网页中所有的文字大小颜色 body{ font-size:12px; font-family:宋

西安北大青鸟：myeclipse 全局编码格式设置

作为一名在西安北大青鸟思普瑞特校区任职的java老师了来讲,这是我在教学中总结的一些知识,希望能够与大家一起分享,供更多人学习,今天我就来和大家分享下:myeclipse 全局编码格式设置. 1.windows->Preferences...打开"首选项"对话框,左侧导航树,导航到general->Workspace,右侧Text file encoding,选择Other,改变为UTF-8,以后新建立工程其属性对话框中的Text file encoding即为UTF-8.

vue 组件 全局注册与局部注册的方法

全局注册 html部分 <div id="e1"><name1></name1></div> script部分 <script type="text/javascript"> Vue.component('name1', { template: '<div>我是效果</div>'})   //定义全局模板        例如 Vue.component(tagName, option

vue组件局部与全局注册的区别

//局部注册 var mycomponent = new extend({        <!--Vue.extend()是Vue构造器的扩展,调用Vue.extend()我们将创建一个组件构造器--> template:"<div>我是局部注册</>" }) new Vue({ el:"#app", components:{                 <!--components是实现局部注册的属性--> &q

iOS判断应用内是否设置了某个的url schemes

最近有个需求,就是另外一个应用 A 需要跳转到我们的 B(已设置url schemes)内做某些操作然后再返回到 A 内,在返回的时候就需要 A 设置一个url schemes 来让 B 跳转以返回到 A 内. 但是在 A 跳转到 B 后,当 B 发现 A 没有把它自己的 url schemes传过来的时候,B 就傻眼了,B 怎么回去呢,当然iOS9之后自带的返回不用做处理,那么9以下的版本呢,这个时候在 A 跳转到 B 前,就需要判断下 A 是否设置了相应的url schemes,没设置就不让

vue 组件 全局注册和局部注册

全局注册,注册的组件需要在初始化根实例之前注册了组件: 局部注册,通过使用组件实例选项注册,可以使组件仅在另一个组件或者实例的作用域中可用: 全局组件 js Vue.component('tab-title',{ props:['title'], template:'<li v-on:click="$emit(\'change\')">{{title}}</li>' }) Vue.component('tab-content',{ props:['content