博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
axios全局设置url公共请求头
阅读量:6981 次
发布时间:2019-06-27

本文共 1291 字,大约阅读时间需要 4 分钟。

需求由来:公司项目外链到别公司项目或者网页(通俗的说就是通过别的随意网页跳转至你项目网页),这时公司项目就要区分是从哪个公司或者哪个网页跳转过来的,从而进行不同的接口请求(公司所有接口都要带上请求头)。大部分做法都是设置请求头来区分。做法如下:

废话不多说   直接上代码  通俗易懂:

新建一个配置文件requst.js  内容如下

1 import axios from 'axios';  2 // 设置公共请求头 3 const init = function () { 4   let url = window.location.search.toString() // 获取外链过来的连接参数部分 5   let arr = [] 6   let obj = {} // 预封装集合 7   arr = url.split('&') // 对参数切割处理  在封装 8   arr.forEach(l => { 9     l = l.split('=')10     obj[l[0]] = l[1]11   })12   // 具体有哪些参数看你们后台定义了哪些  下面的参数有 osType、deviceId、deviceChannel、language .....13   axios.defaults.headers.common['deviceChannel'] = 'gclife_bmp_pc';14   axios.defaults.headers.common['language'] = window.localStorage.defaultLanguage;15   if (obj.osType) {  // 有则赋值  16     axios.defaults.headers.common['osType'] = obj.osType17   } else {  // 没有则为空   或者默认看后台需求18     axios.defaults.headers.common['osType'] = ''19   };20   if (obj.deviceId) {21     axios.defaults.headers.common['deviceId'] = obj.deviceId22   } else {23     axios.defaults.headers.common['deviceId'] = ''24   };25           .26           .27           .28 29 }30 31 export default {32   init33 }
接下来就是在main.js引入就行了 如下:
1 // 引入请求头文件2 import request from './request'3 request.init() // 请求头初始化
 

上诉内容就是设置公共请求头的内容了。

转载于:https://www.cnblogs.com/ljx20180807/p/9766699.html

你可能感兴趣的文章
std::string的find问题研究
查看>>
monkey如何获取app包名
查看>>
将baidu地图中的baidu logo去掉
查看>>
PI校正环节的程序实现推导过程
查看>>
Tomcat 7.x热部署
查看>>
11.19
查看>>
windows 切换 默认 jdk 版本
查看>>
XML(子节点序列化反序列对象)读写
查看>>
Linux之 手动释放内存
查看>>
Python最大堆排序实现方法
查看>>
初识压缩感知Compressive Sensing
查看>>
《ArcGIS Runtime SDK for Android开发笔记》——(13)、图层扩展方式加载Google地图...
查看>>
将shp导入SDE中出现“表或视图不存在”问题
查看>>
tcpdump
查看>>
Graphviz样例之无向图
查看>>
UVA11059 Maximum Product
查看>>
OC管理文件方法
查看>>
干货:Android 源码使用心得分享
查看>>
OSGI企业应用开发(二)Eclipse中搭建Felix运行环境
查看>>
JAVA Static方法与单例模式的理解
查看>>