error => { return Promise.reject(error) }
时间: 2024-05-28 14:13:31 浏览: 14
这段代码看起来像是一个 Axios 的拦截器,它会在请求或响应发生错误时返回一个 Promise,并将错误作为 Promise 的拒绝原因。具体来说,它会将错误对象作为参数传递给 Promise.reject() 方法,使得该 Promise 被拒绝,并返回一个带拒绝原因的新 Promise 对象。这样做可以方便地统一处理请求或响应的错误,例如打印日志或显示错误消息等。
相关问题
return Promise.reject 和 Promise.reject的区别
Promise.reject和return Promise.reject的区别在于使用方式和返回值的处理。
1. 使用方式:return Promise.reject可以直接在函数中使用return语句返回一个Rejected状态的Promise对象,而Promise.reject需要通过Promise.reject(reason)方法来返回一个Rejected状态的Promise对象。
2. 返回值的处理:return Promise.reject将Rejected状态的Promise对象作为函数的返回值直接返回,可以在函数外部使用.catch方法来处理被拒绝的Promise。而Promise.reject需要在.then方法中使用.reject方法或.catch方法来处理被拒绝的Promise。
例如,使用return Promise.reject('error')会直接返回一个Rejected状态的Promise对象,并且可以在调用函数的地方使用.catch方法来捕获并处理这个被拒绝的Promise。而Promise.reject('error').catch会将错误传递给.catch方法来处理。
总结起来,return Promise.reject可以更方便地在函数中返回一个被拒绝的Promise对象,而Promise.reject需要在.then方法或.catch方法中处理被拒绝的Promise对象。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Promise.resolve() 和Promise.reject() 使用及其覆盖场景](https://blog.csdn.net/qq_40696108/article/details/123063870)[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 ]
const http = axios.create({ timeout: 1000 * 86400, withCredentials: true, baseURL: '/star', headers: { 'Content-Type': 'application/json; charset=utf-8' } }) // 请求拦截 http.interceptors.request.use(config => { config.headers['Token'] = storage.get('Token') // 请求头带上token return config }, error => { return Promise.reject(error) }) // 响应拦截 http.interceptors.response.use(response => { if (response.data && response.data.code === 401) { // 401, token失效 router.push({ name: 'login' }) } return response }, error => { return Promise.reject(error) }) export default http
这是一个使用 axios 封装的 HTTP 请求实例,包括请求拦截和响应拦截。具体实现如下:
1. 创建一个名为 http 的 axios 实例,设置基础 URL、超时时间、跨域请求时是否需要凭证等参数。
```javascript
const http = axios.create({
timeout: 1000 * 86400, // 请求超时时间
withCredentials: true, // 跨域请求时是否需要使用凭证
baseURL: '/star', // 基础URL
headers: {
'Content-Type': 'application/json; charset=utf-8' // 请求头配置
}
})
```
2. 添加请求拦截器,当发起请求时,在请求头中添加 token,以便后端验证用户身份。
```javascript
http.interceptors.request.use(config => {
config.headers['Token'] = storage.get('Token') // 在请求头中添加 Token
return config
}, error => {
return Promise.reject(error)
})
```
3. 添加响应拦截器,当后端返回 401 状态码时,表示用户身份验证失败,此时跳转到登录页。
```javascript
http.interceptors.response.use(response => {
if (response.data && response.data.code === 401) { // 后端返回 401 状态码
router.push({ name: 'login' }) // 跳转到登录页
}
return response
}, error => {
return Promise.reject(error)
})
```
4. 导出 http 实例,供其他组件调用。
```javascript
export default http
```
这样封装后,我们在项目中可以直接使用 http 实例进行 API 请求,并自动携带 token,同时也可以处理后端返回的 401 状态码。
相关推荐
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)