From 0f7e8a4b10f2643fc3e9a985177359751dda89bb Mon Sep 17 00:00:00 2001
From: zggsong <zggsong@foxmail.com>
Date: Tue, 8 Nov 2022 17:06:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=A8=E5=B1=80=E6=B3=A8=E5=86=8Caxios?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .DS_Store                         | Bin 6148 -> 0 bytes
 src/components/login/Index.vue    |  10 +++++-----
 src/components/register/Index.vue |   9 ++++-----
 src/main.js                       |   7 ++++---
 4 files changed, 13 insertions(+), 13 deletions(-)
 delete mode 100644 .DS_Store

diff --git a/.DS_Store b/.DS_Store
deleted file mode 100644
index 9312c515b8477157e3d920fea7043b635494242c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6148
zcmeHLu}T9m82-{$E$ZMTj<<;5Ah-!Gr`9JB2SHHUiVCe)t#xp^&BZ~V!3R-61Ruab
z5OMGc6dWAH?@z*+^sH_ol0fq1^8bJS@4mZBngUSso%%E|0-($)SQ=#WMG?EyTq)R*
zF`|+=8k^HgwWQg~d4_?YKv3W>Dj?r(2~*g_HunAR_u|R5HIquE+DNJ#D__3N?7tje
z&H48FxAxYSvo;hXhGKwu570&p3F_GJvtuIf;c_^d+&zCb9J=OdCZ9}tdwG2H`bQn=
zRH5Ci!{ZB?WHy(>;p+WDrh|=jvwvmx@~VhaV;DO|0j!~^dmS{efwrqip)-2(ov+L5
zZ1%m+^6ELa%k#Q%`=h_hyKs6Uy!+8Y2UT+2M$P34^xbvaU4H8;*|YQJa5?qzae0`1
z3q?M&y>15M4`g61ZtmsR_e=ZUWY*93C2#ff{j05wd$yGFkipOf1%d)WflL8eA0k%4
z*kWo>FCA?35rA0YurBP&SwdnWi?PMjAT2D)gc41tvPTSM!Z{vUzu01G(1b(j%$&z&
zR`!IVbaswM+8ru37}}sfP{3E9Xf8)&|6lBV{`Z5zRZt)(@UIk5rOHxep0{N8*4)j>
wUK_Elvq}-a)SwPwW4B}7k*!$%SI~vFNIJyWVrq~hEa8WMmLW7jfnQbN1DVLvegFUf

diff --git a/src/components/login/Index.vue b/src/components/login/Index.vue
index 4b88ff4..a99388a 100644
--- a/src/components/login/Index.vue
+++ b/src/components/login/Index.vue
@@ -18,20 +18,20 @@
 </template>
 
 <script setup>
-import { ref, reactive } from "vue"
+import { ref, reactive, getCurrentInstance } from "vue"
 import { useRouter, useRoute } from "vue-router"
 import { ElMessage } from 'element-plus'
-import axios from 'axios'
-axios.defaults.baseURL = '/api'
 
 const router = useRouter();
 const route = useRoute(); //获取上层路由传递的参数
 let user = reactive({ tel: "", pwd: "" });
 
+//取得全局 axios
+const {appContext} = getCurrentInstance();
 
-function login() {
+async function login() {
     //登陆
-    axios.post('/auth/login', null,
+    await appContext.config.globalProperties.$http.post('/auth/login', null,
         {
             params: {
                 telephone: user.tel,
diff --git a/src/components/register/Index.vue b/src/components/register/Index.vue
index 449cb41..c207dda 100644
--- a/src/components/register/Index.vue
+++ b/src/components/register/Index.vue
@@ -21,20 +21,19 @@
 </template>
 
 <script setup>
-import { ref, reactive } from 'vue'
+import { ref, reactive, getCurrentInstance } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
-import axios from 'axios'
-axios.defaults.baseURL = '/api'
 
 const router = useRouter()
 const route = useRoute()//获取上层路由传递的参数
 
+const {appContext} = getCurrentInstance()
 
 let user = reactive({ name: '', tel: '', pwd: '' })
 
-function register() {
-    axios.post('/auth/register', null,
+async function register() {
+    await appContext.config.globalProperties.$http.post('/auth/register', null,
         {
             params: {
                 name: user.name,
diff --git a/src/main.js b/src/main.js
index 922b8f4..5f66656 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3,8 +3,9 @@ import { createApp } from "vue";
 import App from "./App.vue";
 import ElementPlus from "element-plus";
 import "element-plus/dist/index.css";
-
 import { createRouter, createWebHistory } from "vue-router";
+import axios from "axios";
+axios.defaults.baseURL = '/api'
 
 const routes = [
   { path: "/login", component: () => import("./components/login/Index.vue") },
@@ -19,9 +20,9 @@ const router = createRouter({
   history: createWebHistory(),
   routes,
 });
-
-
+//https://cn.vuejs.org/api/application.html#app-config-compileroptions
 let app = createApp(App);
 app.use(router);
 app.use(ElementPlus);
+app.config.globalProperties.$http = axios;
 app.mount("#app");