vue 请求头中headers加参数

最新推荐文章于 2025-05-16 12:14:06 发布

周家大小姐.

最新推荐文章于 2025-05-16 12:14:06 发布

阅读量2w

点赞数 8

CC 4.0 BY-SA版权

分类专栏： element ES6 vue2.0

本文链接：https://blog.youkuaiyun.com/qq_40190624/article/details/113940242

vue2.0 同时被 3 个专栏收录

273 篇文章

订阅专栏

element

94 篇文章

订阅专栏

ES6

93 篇文章

订阅专栏

本文介绍了两种在前后端交互中设置请求头的方法：一种是在具体的请求函数中添加自定义的header，另一种是在axios的request拦截器中统一设置userCode、comCode和comId等信息，确保请求携带必要参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

两种方法:

一加在请求中如:

//自定义的前缀和router请求
import settings from '@/settings'
import request from '@/utils/request'

export function queryConfig(userCode, comId) {
  return request({
    url: settings.servicePrefix + 'queryConfigValue',
    method: 'get',
    headers: {
      'propUserCode': userCode,
      'comId': comId
    }
  })
}

二加在拦截中:

// request interceptor
service.interceptors.request.use(
  config => {
    // do something before request is sent
    // 设置baseURL
    config.baseURL = config.url.startsWith('/mock') ? '' : BASE_URL
    const user = getUser()
    if (user) {   
      config.headers['userCode'] = user.userCode
      config.headers['comCode'] = user.comCode
      config.headers['comId'] = user.comId
    }
    // config.url = process.env.VUE_APP_TRANSFERURL === 'true' ? config.url.split('/').join('_') : config.url
    return config
  },
  error => {
    // do something with request error
    return Promise.reject(error)
  }
)