租用问题

质量为本、客户为根、勇于拼搏、务实创新

< 返回租用问题列表

vue请求设置header的有什么方法,vue请求头中怎样携带token

发布时间:2023-08-07 07:56:51

vue要求设置header的有甚么方法

在 Vue 中设置要求的 Header 有以下几种方法:
1. 使用 `axios.defaults.headers` 设置全局的 Header。可以在 `main.js` 中通过 `axios.defaults.headers.common` 设置所有要求的 Header,也能够在每一个要求中通过 `axios.defaults.headers.get`、`axios.defaults.headers.post` 等方法设置特定要求的 Header。
```javascript
// main.js
import axios from 'axios'
axios.defaults.headers.common['Authorization'] = 'Bearer token'
// 还是
axios.defaults.headers.GET@['Authorization'] = 'Bearer token'
axios.defaults.headers.POST@['Content-Type'] = 'application/json'
```
2. 在每一个要求中通过 `headers` 属性设置要求的 Header。
```javascript
axios.get('/api', {
headers: {
'Authorization': 'Bearer token',
'Content-Type': 'application/json'
}
})
```
3. 使用拦截器设置要求的 Header。可以在要求发送前通过 `axios.interceptors.request.use` 方法设置每一个要求的 Header。
```javascript
axios.interceptors.request.use(function (config) {
config.headers['Authorization'] = 'Bearer token'
return config
}, function (error) {
return Promise.reject(error)
})
```
以上是经常使用的设置要求的 Header 的方法,具体使用哪一种方法取决于你的需求和项目的架构。