请求拦截器设置请求头

在上述代码中，通过使用axios的拦截器来设置请求头。首先，在创建axios实例时，我们可以使用`request.interceptors.request.use`函数来配置请求拦截器。在该函数中，我们可以通过修改`config.headers`来设置请求头。在这个例子中，我们检查了用户的token是否存在，如果存在，则将token添加到请求头的Authorization字段中。具体代码如下：

import axios from 'axios'
import store from '@/store'

const request = axios.create({ 
  baseURL: 'http://ttapi.research.itcast.cn/' // 基础路径 
})

request.interceptors.request.use(function(config) {
  const user = store.state.user
  if (user && user.token) {
    config.headers.Authorization = `Bearer ${user.token}`
  }
  return config
}, function(error) {
  return Promise.reject(error)
})

export default request

通过这样的设置，每次发送请求时都会带上用户的token作为请求头的Authorization字段。这样可以确保请求的安全性和准确性。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [配置请求头 请求拦截器 响应拦截器](https://blog.csdn.net/weixin_46772652/article/details/107996725)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]