cbvirtua 1.0.18 → 1.0.19

package/catch.js

@@ -87,3 +87,90 @@ let VueError = {
 }
 
 export default VueError
+import axios from 'axios'
+import { getToken, setToken, getRefreshToken } from '@utils/auth'
+
+// 刷新 access_token 的接口
+const refreshToken = () => {
+  return instance.post('/auth/refresh', { refresh_token: getRefreshToken() }, true)
+}
+
+// 创建 axios 实例
+const instance = axios.create({
+  baseURL:  process.env.GATSBY_API_URL,
+  timeout: 30000,
+  headers: {
+    'Content-Type': 'application/json',
+  }
+})
+
+let isRefreshing = false // 标记是否正在刷新 token
+let requests = [] // 存储待重发请求的数组
+
+instance.interceptors.response.use(response => {
+    return response
+}, error => {
+    if (!error.response) {
+        return Promise.reject(error)
+    }
+    if (error.response.status === 401 && !error.config.url.includes('/auth/refresh')) {
+        const { config } = error
+        if (!isRefreshing) {
+            isRefreshing = true
+            return refreshToken().then(res=> {
+                const { access_token } = res.data
+                setToken(access_token)
+                config.headers.Authorization = `Bearer ${access_token}`
+                // token 刷新后将数组的方法重新执行
+                requests.forEach((cb) => cb(access_token))
+                requests = [] // 重新请求完清空
+                return instance(config)
+            }).catch(err => {
+                console.log('抱歉，您的登录状态已失效，请重新登录！')
+                return Promise.reject(err)
+            }).finally(() => {
+                isRefreshing = false
+            })
+        } else {
+            // 返回未执行 resolve 的 Promise
+            return new Promise(resolve => {
+                // 用函数形式将 resolve 存入，等待刷新后再执行
+                requests.push(token => {
+                    config.headers.Authorization = `Bearer ${token}`
+                    resolve(instance(config))
+                })  
+            })
+        }
+    }
+    return Promise.reject(error)
+})
+
+// 给请求头添加 access_token
+const setHeaderToken = (isNeedToken) => {
+  const accessToken = isNeedToken ? getToken() : null
+  if (isNeedToken) { // api 请求需要携带 access_token 
+    if (!accessToken) { 
+      console.log('不存在 access_token 则跳转回登录页')
+    }
+    instance.defaults.headers.common.Authorization = `Bearer ${accessToken}`
+  }
+}
+
+// 有些 api 并不需要用户授权使用，则无需携带 access_token；默认不携带，需要传则设置第三个参数为 true
+export const get = (url, params = {}, isNeedToken = false) => {
+  setHeaderToken(isNeedToken)
+  return instance({
+    method: 'get',
+    url,
+    params,
+  })
+}
+
+export const post = (url, params = {}, isNeedToken = false) => {
+  setHeaderToken(isNeedToken)
+  return instance({
+    method: 'post',
+    url,
+    data: params,
+  })
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cbvirtua",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "description": "",
   "main": "index.js",
   "scripts": {