From 82e5955c3b22f452708cb7b26ca1164ce5c758f5 Mon Sep 17 00:00:00 2001
From: chenghongxing <1126263215@qq.com>
Date: Mon, 20 Jul 2020 13:10:03 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20add=20auth=20support=20for=20axios=20re?=
 =?UTF-8?q?quest;=20:star2:=20=E6=96=B0=E5=A2=9E=EF=BC=9Aaxios=20=E8=AF=B7?=
 =?UTF-8?q?=E6=B1=82=E6=B7=BB=E5=8A=A0=20auth=20=E8=AE=A4=E8=AF=81?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.js               |  2 --
 src/mock/user/login.js    |  2 +-
 src/pages/login/Login.vue |  4 ++--
 src/utils/request.js      | 49 ++++++++++++++++++++++++++++++---------
 4 files changed, 41 insertions(+), 16 deletions(-)

diff --git a/src/main.js b/src/main.js
index 0510447..b445040 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,7 +4,6 @@ import router from './router'
 import './theme/index.less'
 import Antd from 'ant-design-vue'
 import Viser from 'viser-vue'
-import axios from 'axios'
 import '@/mock'
 import store from './store'
 import PouchDB from 'pouchdb'
@@ -12,7 +11,6 @@ import 'animate.css/source/animate.css'
 import VueI18n from 'vue-i18n'
 import Plugins from '@/plugins'
 
-Vue.prototype.$axios = axios
 Vue.config.productionTip = false
 Vue.use(Viser)
 Vue.use(Antd)
diff --git a/src/mock/user/login.js b/src/mock/user/login.js
index 7391fbe..394cca8 100644
--- a/src/mock/user/login.js
+++ b/src/mock/user/login.js
@@ -22,7 +22,7 @@ Mock.mock('/login', 'post', ({body}) => {
     result.message = Mock.mock('@TIMEFIX').CN + '，欢迎回来'
     result.data = {}
     result.data.user = user
-    result.data.token = 'Authorization'
+    result.data.token = 'Authorization:' + Math.random()
   }
   return result
 })
diff --git a/src/pages/login/Login.vue b/src/pages/login/Login.vue
index 5a503b2..adef921 100644
--- a/src/pages/login/Login.vue
+++ b/src/pages/login/Login.vue
@@ -76,7 +76,7 @@
 <script>
 import CommonLayout from '@/layouts/CommonLayout'
 import {login} from '@/services'
-import Cookie from 'js-cookie'
+import {setAuthorization} from '@/utils/request'
 
 export default {
   name: 'Login',
@@ -112,7 +112,7 @@ export default {
         const user = result.data.user
         this.$router.push('/dashboard/workplace')
         this.$store.commit('account/setUser', user)
-        Cookie.set('token', result.data.token)
+        setAuthorization({token: result.data.token})
         this.$message.success(result.message, 3)
       } else {
         this.error = result.message
diff --git a/src/utils/request.js b/src/utils/request.js
index 4cb32b7..01d2457 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -1,13 +1,23 @@
 import axios from 'axios'
 import Cookie from 'js-cookie'
+
+// 跨域认证信息 header 名
+const xsrfHeaderName = 'Authorization'
+
 axios.defaults.timeout = 5000
 axios.defaults.withCredentials= true
+axios.defaults.xsrfHeaderName= xsrfHeaderName
+axios.defaults.xsrfCookieName= xsrfHeaderName
 
-// const cookies = Cookie.get()
-// Object.keys(cookies).forEach(key => {
-//   axios.defaults.headers.common[key] = cookies[key]
-// })
+// 认证类型
+const AUTH_TYPE = {
+  BEARER: 'Bearer',
+  BASIC: 'basic',
+  AUTH1: 'auth1',
+  AUTH2: 'auth2',
+}
 
+// http method
 const METHOD = {
   GET: 'get',
   POST: 'post'
@@ -21,20 +31,37 @@ const METHOD = {
  * @returns {Promise<AxiosResponse<T>>}
  */
 async function request(url, method, params) {
-  // header 加入 token
-  const token = Cookie.get('Authorization')
-  const config = token ? {headers: {Authorization: token}} : {}
   switch (method) {
     case METHOD.GET:
-      return axios.get(url, {params, ...config})
+      return axios.get(url, {params})
     case METHOD.POST:
-      return axios.post(url, params, config)
+      return axios.post(url, params)
+    default:
+      return axios.get(url, {params})
+  }
+}
+
+/**
+ * 设置认证信息
+ * @param token {Object}
+ * @param authType {AUTH_TYPE} 认证类型，默认：{AUTH_TYPE.BEARER}
+ */
+function setAuthorization(auth, authType = AUTH_TYPE.BEARER) {
+  switch (authType) {
+    case AUTH_TYPE.BEARER:
+      Cookie.set(xsrfHeaderName, 'Bearer ' + auth.token)
+      break
+    case AUTH_TYPE.BASIC:
+    case AUTH_TYPE.AUTH1:
+    case AUTH_TYPE.AUTH2:
     default:
-      return axios.get(url, {params, ...config})
+      break
   }
 }
 
 export {
   METHOD,
-  request
+  AUTH_TYPE,
+  request,
+  setAuthorization
 }