uniapp本身的拦截封装请求里面加了token怎么写
时间: 2023-12-23 20:06:32 浏览: 122
如果你使用uniapp本身的请求拦截器进行封装请求,可以在拦截器中添加token。
以下是一个示例代码:
```javascript
import Vue from 'vue'
import axios from 'axios'
import store from '@/store'
// 创建axios实例
const service = axios.create({
baseURL: process.env.BASE_API, // api的base_url
timeout: 5000 // 请求超时时间
})
// 请求拦截器
service.interceptors.request.use(
config => {
// 判断token是否存在
if (store.getters.token) {
// 将token添加到请求头中
config.headers['Authorization'] = 'Bearer ' + store.getters.token
}
return config
},
error => {
// 请求错误处理
Promise.reject(error)
}
)
// 响应拦截器
service.interceptors.response.use(
response => {
// 请求成功
return response.data
},
error => {
// 请求错误处理
return Promise.reject(error)
}
)
export default service
```
其中,`store.getters.token`获取本地保存的token,`config.headers['Authorization']`将token添加到请求头中。
需要注意的是,以上代码仅为示例代码,具体实现需要根据实际情况进行调整。
阅读全文