Selaa lähdekoodia

实现了登录本身,但token传不到后端去

chillqi 2 vuotta sitten
vanhempi
commit
187a055cef
6 muutettua tiedostoa jossa 48 lisäystä ja 52 poistoa
  1. 23 22
      components.d.ts
  2. 1 1
      src/api/user.ts
  3. 15 14
      src/components/Login.vue
  4. 1 1
      src/utils/request.ts
  5. 8 0
      src/views/MANAGER/createStore.vue
  6. 0 14
      vite.config.ts

+ 23 - 22
components.d.ts

@@ -6,26 +6,27 @@
 export {}
 
 declare module 'vue' {
-    export interface GlobalComponents {
-        Dashboard: typeof import('./src/components/Dashboard.vue')['default']
-        ElAside: typeof import('element-plus/es')['ElAside']
-        ElAvatar: typeof import('element-plus/es')['ElAvatar']
-        ElCard: typeof import('element-plus/es')['ElCard']
-        ElCol: typeof import('element-plus/es')['ElCol']
-        ElContainer: typeof import('element-plus/es')['ElContainer']
-        ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
-        ElDescriptionsItem: typeof import('element-plus/es')['ElDescriptionsItem']
-        ElForm: typeof import('element-plus/es')['ElForm']
-        ElFormItem: typeof import('element-plus/es')['ElFormItem']
-        ElIcon: typeof import('element-plus/es')['ElIcon']
-        ElMain: typeof import('element-plus/es')['ElMain']
-        ElRow: typeof import('element-plus/es')['ElRow']
-        Footer: typeof import('./src/components/Footer.vue')['default']
-        Header: typeof import('./src/components/Header.vue')['default']
-        HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
-        Login: typeof import('./src/components/Login.vue')['default']
-        Register: typeof import('./src/components/Register.vue')['default']
-        RouterLink: typeof import('vue-router')['RouterLink']
-        RouterView: typeof import('vue-router')['RouterView']
-    }
+  export interface GlobalComponents {
+    Dashboard: typeof import('./src/components/Dashboard.vue')['default']
+    DropFile: typeof import('./src/components/DropFile.vue')['default']
+    ElAside: typeof import('element-plus/es')['ElAside']
+    ElAvatar: typeof import('element-plus/es')['ElAvatar']
+    ElCard: typeof import('element-plus/es')['ElCard']
+    ElCol: typeof import('element-plus/es')['ElCol']
+    ElContainer: typeof import('element-plus/es')['ElContainer']
+    ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
+    ElDescriptionsItem: typeof import('element-plus/es')['ElDescriptionsItem']
+    ElForm: typeof import('element-plus/es')['ElForm']
+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElMain: typeof import('element-plus/es')['ElMain']
+    ElRow: typeof import('element-plus/es')['ElRow']
+    Footer: typeof import('./src/components/Footer.vue')['default']
+    Header: typeof import('./src/components/Header.vue')['default']
+    HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
+    Login: typeof import('./src/components/Login.vue')['default']
+    Register: typeof import('./src/components/Register.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
 }

+ 1 - 1
src/api/user.ts

@@ -3,7 +3,7 @@ import {USER_MODULE} from './_prefix'
 
 // 上传文件
 export const userLogin = payload => {
-    return axios.post(`${USER_MODULE}/login`, payload)
+    return axios.post(`${USER_MODULE}/login`,null, {params: payload})
         .then(res => {
             return res;
         })

+ 15 - 14
src/components/Login.vue

@@ -3,6 +3,7 @@
   import { ref, computed } from 'vue';
   import axios from "axios";
   import {router} from '../router'
+  import {userLogin} from "../api/user.ts";
 
   // 输入框值
   const tel = ref('')
@@ -31,21 +32,21 @@
   // response
   //    token: string
   async function handleLogin() {
-
     try {
-      const response = await axios.post(`api/user/login?phone=123&&password=123`,
-          // params: {
-          //   phone: tel.value,
-          //   password: password.value,
-          // }
-      )
-      console.log(response)
-      // token塞入饼干中
-      const token = response.data.token;
-      document.cookie = `token=${token}`
-
-      // 路由跳转
-      router.push({ path: "/home" })
+      const payload = {
+          phone: tel.value,
+          password: password.value,
+      }
+      userLogin(payload).then(res => {
+        console.log(res)
+        // token塞入饼干中
+        const token = res.result;
+        document.cookie = `token=${token}`
+
+        // 路由跳转
+        router.push({ path: "/home" })
+      })
+
     } catch (e) {
       console.log(e)
       // 可以给用户弹窗

+ 1 - 1
src/utils/request.ts

@@ -1,7 +1,7 @@
 import axios from 'axios';
 
 const service = axios.create({
-    baseURL: "",
+    baseURL: 'http://localhost:8080'
 });
 
 service.interceptors.request.use(

+ 8 - 0
src/views/MANAGER/createStore.vue

@@ -39,6 +39,14 @@ function drop(e) {
   isDragging.value = false
 }
 
+function generateURL(file) {
+  let fileSrc = URL.createObjectURL(file);
+  setTimeout(() => {
+    URL.revokeObjectURL(fileSrc);
+  }, 1000);
+  return fileSrc;
+}
+
 function remove(i) {
   files.value.splice(i, 1);
   console.log(files.value)

+ 0 - 14
vite.config.ts

@@ -22,20 +22,6 @@ export default defineConfig({
             plugins: [tailwindcss],
         }
     },
-    // devServer: {
-    //     port: 8080,
-    //     open: true,
-    //     hot: true,//自动保存
-    // },
-    server: {
-        proxy: {
-            '/api': {
-                target: 'http://localhost:8080/api',
-                changeOrigin: true,
-                rewrite: (path) => path.replace(/^\/api/, '') // 不可以省略rewrite
-            }
-        }
-    },
     devServer: {
         port: 3000,
         open: true,