egg api

Author: smile-garden

src/api/index.js

@@ -1,7 +1,11 @@
 import request from '@/utils/request';
 
-export function login(data) {
+/* export function login(data) {
   return request.post('/mock/927859/login', data);
+} */
+
+export function login(data) {
+  return request.post('/login', data);
 }
 
 export function getUserInfo(data) {

src/store/modules/account.js

@@ -1,6 +1,6 @@
 import ls from '@/utils/storage';
 import { login, getUserInfo } from '@/api';
-import { message } from 'ant-design-vue';
+// import { message } from 'ant-design-vue';
 
 export default {
   state() {
@@ -37,10 +37,10 @@ export default {
   actions: {
     login({ commit }, data) {
       return new Promise((reslove, reject) => {
-        if (data.username !== 'admin' || data.password !== '123456') {
-          message.error('用户名或密码错误');
-          return;
-        }
+        // if (data.username !== 'admin' || data.password !== '123456') {
+        //   message.error('用户名或密码错误');
+        //   return;
+        // }
         login(data)
           .then((res) => {
             const { token } = res;

src/utils/request.js

@@ -5,7 +5,7 @@ import { stringify } from 'qs';
 
 const formContentType = 'application/x-www-form-urlencoded;charset=utf-8';
 const methods = ['post', 'put', 'delete'];
-const InvalidCode = 1000000;
+const InvalidCode = 401;
 
 // 创建axios实例
 const request = axios.create({
@@ -18,7 +18,7 @@ const request = axios.create({
 // 拦截请求
 request.interceptors.request.use(
   (config) => {
-    const token = 'token';
+    const { token } = store.getters;
     if (token) {
       config.headers.Token = token;
     }
@@ -48,14 +48,11 @@ request.interceptors.response.use(
         // window.location.reload();
       }
       // eslint-disable-next-line prefer-promise-reject-errors
-      return Promise.reject({ msg: res.data.msg || '登录失效' });
+      return Promise.reject({ msg: res.data.message || '登录失效' });
     }
     return Promise.reject(new Error({ msg: 'Network error' }));
   },
-  (error) => {
-    console.log(error);
-    return Promise.reject(error);
-  },
+  (error) => Promise.reject(error),
 );
 
 export default request;

src/views/user/SLogin.vue

@@ -58,6 +58,7 @@ import { useStore } from 'vuex';
 import { useRouter, useRoute } from 'vue-router';
 import { UserOutlined, LockOutlined } from '@ant-design/icons-vue';
 import { useI18n } from 'vue-i18n/index';
+import { message } from 'ant-design-vue';
 
 const formState = reactive({
   username: '',
@@ -93,6 +94,10 @@ const onFinish = (values) => {
       loading.value = false;
       const path = route.query.redirect || '/';
       router.push({ path });
+    })
+    .catch((err) => {
+      loading.value = false;
+      message.error(err.msg);
     });
 };
 

vue.config.js

@@ -54,7 +54,8 @@ module.exports = defineConfig({
     },
     proxy: {
       '/api': {
-        target: 'http://127.0.0.1:4523', // dev
+        // target: 'http://127.0.0.1:4523', // dev
+        target: 'http://127.0.0.1:7001', // dev
         changeOrigin: true,
         pathRewrite: {
           '^/api': '',