unauthorized 项目请求_项目实战-Api的解决方案

一时失言乱红尘 2022-10-26 14:06 167阅读 0赞

封装 axios

对axios进行封装，包括基础设置，错误处理，跨域请求的基础设置

// @/plugin/axios

import axios from 'axios'

import router from '@/router'

import \{ Toast \} from 'vant'

// 创建一个 axios 实例

const service = axios.create(\{

baseURL: process.env.VUE\_APP\_API,

timeout: process.env.NODE\_ENV === 'development' ? 120000 : 30000 // 请求超时时间 30s

\})

service.defaults.headers.get\['Content-Type'\] = 'application/json'

service.defaults.headers.put\['Content-Type'\] = 'application/json'

service.defaults.headers.post\['Content-Type'\] = 'application/json'

service.defaults.headers.delete\['Content-Type'\] = 'application/json'

// 响应拦截器

service.interceptors.response.use(

function (response) \{

/\*

返回的数据约定

code: 0, // 99 token 无效

message: "",

success: true,

data: \{\} // 返回的数据

\*/

// dataAxios 是 axios 返回数据中的 data

const dataAxios = response.data

// 这个状态码是和后端约定的

const \{ code, success, message \} = dataAxios

// 根据 code 进行判断

if (code === undefined) \{

// 直接返回数据的情况

return dataAxios

\} else if (!code) \{

if (success) \{

if (dataAxios.data === null || dataAxios.data === undefined) \{

return true

\} else \{

return dataAxios.data

\} else \{

Toast.fail(message)

return null

\} else \{

// 有 code 代表这是一个后端接口 可以进行进一步的判断

switch (code) \{

case 0:

case 200:

// \[ 示例 \] code === 0/200 代表没有错误

return dataAxios.data

case 99:

Toast.fail('token无效，请重新登录')

router.replace(\{

name: 'Unauthorized'

\})

break

default:

Toast.fail(\`$\{dataAxios.code\} - $\{dataAxios.message\}\`)

\},

function (error) \{

if (error && error.response) \{

switch (error.response.status) \{

case 400: error.message = '请求错误' break

case 401: error.message = '授权错误，请登录' break

case 403: error.message = '拒绝访问' break

case 404: error.message = \`请求地址出错: $\{error.response.config.url\}\` break

case 408: error.message = '请求超时' break

case 422: error.message = '验证出错' break

case 500: error.message = '服务器内部错误' break

case 501: error.message = '服务未实现' break

case 502: error.message = '网关错误' break

case 503: error.message = '服务不可用' break

case 504: error.message = '网关超时' break

case 505: error.message = 'HTTP版本不受支持' break

Toast.clear()

Toast.fail(error.message)

return Promise.reject(error)

)

export default service

unauthorized 项目请求_项目实战-Api的解决方案

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关实战项目难题：使用Spring Boot开发复杂API的挑战与解决方案

相关【项目实战】4种分布式session解决方案

相关【项目实战典型案例】19.临时解决方案和最终解决方案

相关微信支付api unauthorized【已解决】

相关软件项目解决方案模板

相关项目实战之使用HttpUtis发送请求

相关 unauthorized 项目请求_项目实战-Api的解决方案

相关 Redis高级项目实战！java串口api

相关项目实战--项目介绍

相关 adb devices unauthorized（未授权），List of devices XXXXXX unauthorized 解决方案