axios全局设置url公共请求头
公司项目外链到别公司项目或者网页(通俗的说就是通过别的随意网页跳转至你项目网页),这时公司项目就要区分是从哪个公司或者哪个网页跳转过来的,从而进行不同的接口请求(公司所有接口都要带上请求头)。大部分做法都是设置请求头来区分。做法如下:
废话不多说 直接上代码 通俗易懂:
新建一个配置文件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.osType
17 } else { // 没有则为空 或者默认看后台需求
18 axios.defaults.headers.common[‘osType’] = ‘’
19 };
20 if (obj.deviceId) {
21 axios.defaults.headers.common[‘deviceId’] = obj.deviceId
22 } else {
23 axios.defaults.headers.common[‘deviceId’] = ‘’
24 };
25 .
26 .
27 .
28
29 }
30
31 export default {
32 init
33 }
接下来就是在main.js引入就行了 如下:
1 // 引入请求头文件
2 import request from ‘./request’
3 request.init() // 请求头初始化
上诉内容就是设置公共请求头的内容了。
- axios全局注册,设置token,以及全局设置url请求网段的方法
- axios全局请求参数设置,请求及返回拦截器的方法
- 4000 axios全局请求参数设置,请求及返回拦截器
- 微信小程序设置全局请求URL及封装wx.request请求操作示例
- HttpURLConnection 发送PUT请求,设置请求头参数 json请求体
- 将ajax请求成功后的数据设置为全局变量
- vue2.0设置proxyTable使用axios进行跨域请求的方法
- django app下url包含到全局设置
- QWebEngineView拦截Url请求设置
- Flex URLRequest 请求缓存问题和Post请求方式设置
- 在shiro当设置sessionIdCookie配置的domain和访问url不匹配时,每次请求都会重新生成session
- 微信公共号url地址出错,调用上次设置地址.
- UrlConnection doPost Https请求 、编码设置
- jquery全局变量---同步请求设置
- IIS 7.5 + asp.net MVC4 设置路由处理URL请求
- vue的axios全局URL怎么弄?GLOBAL?跨域怎么解决
- jquery全局变量---同步请求设置
- C#-WebForm-★内置对象简介★Request-获取请求对象、Response相应请求对象、Session全局变量(私有)、Cookie全局变量(私有)、Application全局公共变量、ViewState
- 用axios发送请求,全局拦截请求,获取到错误
- Yii controller控制器下设置对于用户没有登录的请求跳转至指定URL的方法