axios全局设置url公共请求头

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

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

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

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

import axios from 'axios';
2 // 设置公共请求头
const init = function () {
let url = window.location.search.toString() // 获取外链过来的连接参数部分
let arr = []
let obj = {} // 预封装集合
arr = url.split('&') // 对参数切割处理在封装
arr.forEach(l => {
l = l.split('=')
obj[l[0]] = l[1]
})
// 具体有哪些参数看你们后台定义了哪些下面的参数有 osType、deviceId、deviceChannel、language .....
axios.defaults.headers.common['deviceChannel'] = 'gclife_bmp_pc';
axios.defaults.headers.common['language'] = window.localStorage.defaultLanguage;
if (obj.osType) { // 有则赋值
axios.defaults.headers.common['osType'] = obj.osType
} else { // 没有则为空或者默认看后台需求
axios.defaults.headers.common['osType'] = ''
};
if (obj.deviceId) {
axios.defaults.headers.common['deviceId'] = obj.deviceId
} else {
axios.defaults.headers.common['deviceId'] = ''
};
.
.
. } export default {
init
}