add fix

README.md

@@ -2,11 +2,11 @@
 
 > 这是前端项目所采用的框架：Vue 3 + Vite + Bootstrap，这是DepSystem资产系统的界面代码。
 > 框架地址：
-地址1：https://vxetable.cn/#/table/base/basic vxeTable的说明文档。
+> 地址1：https://vxetable.cn/#/table/base/basic vxeTable的说明文档。
 
-地址2：https://github.com/axios/axios#axios-api Axios 的说明文档。
+> 地址2：https://github.com/axios/axios#axios-api Axios 的说明文档。
 
-地址3：https://router.vuejs.org/installation.html VueRouter 的说明文档。
+> 地址3：https://router.vuejs.org/installation.html VueRouter 的说明文档。
 
 ---
 
@@ -78,13 +78,3 @@ npm run dev
 打包好后，将其打包好的文件放到Spring boot的static文件夹中。
 
 运行Spring boot项目即可。
-
----
-
-开发：
-
-展示数据格式：
-
-{ id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', age: 28, address: 'test abc' },
-
-这是单个数据的格式

package-lock.json

@@ -2006,7 +2006,7 @@
     },
     "node_modules/vxe-table": {
       "version": "4.3.12-beta.2",
-      "resolved": "https://registry.npmmirror.com/vxe-table/-/vxe-table-4.3.12-beta.2.tgz",
+      "resolved": "https://registry.npmjs.org/vxe-table/-/vxe-table-4.3.12-beta.2.tgz",
       "integrity": "sha512-Aq18aKGu0m2VHq2ORgqEP3YiXuGcXiWKelrMy8n7V0rAlYKkr9mC5DscVbdDZUZqOMd6PrDU4OzU7MxoJWlbcQ==",
       "peerDependencies": {
         "vue": "^3.2.28",
@@ -2015,7 +2015,7 @@
     },
     "node_modules/xe-utils": {
       "version": "3.5.7",
-      "resolved": "https://registry.npmmirror.com/xe-utils/-/xe-utils-3.5.7.tgz",
+      "resolved": "https://registry.npmjs.org/xe-utils/-/xe-utils-3.5.7.tgz",
       "integrity": "sha512-3H+fDBKBR2wLJgyA7k9C/w1Xljx6Maml5ukV0WDY06HjYyGs2FEz6XhcwRCLIDXX4pBP3Gu0nX9DbCeuuRA2Ew=="
     },
     "node_modules/yallist": {

src/App.vue

@@ -1,5 +1,9 @@
 <script setup>
-import { computed } from 'vue';
+import { computed,provide } from 'vue';
+import store from './utils/vuex/store';
+
+provide('store', store)
+
 </script>
 
 <template>

src/utils/axios/request.js

@@ -2,7 +2,7 @@ import axios from "axios";
 
 const service = axios.create({
     // baseURL: import.meta.env.VITE_APP_URL,
-    baseURL: 'http://localhost:8089/',
+    baseURL: 'http://localhost/',
     timeout: 6000,
     headers: { 'X-Custom-Header': 'foobar' }
 })

src/utils/vuex/modules/user.js

@@ -0,0 +1,34 @@
+export default {
+    state() {
+        return { 
+            username: '',
+            token: '',
+            image: '',
+            path: ''
+        }
+    },
+
+    mutations: {
+        setimage(state,value){
+            state.image = value
+        },
+        setname(state,value){
+            state.username = value
+        },
+        setpath(state,value){
+            state.path = value
+        },
+        settoken(state,value){
+            state.token = value
+        }
+    },
+    
+    actions:{
+
+    },
+
+    getters:{
+        
+    }
+
+}

src/utils/vuex/store.js

@@ -1,35 +1,44 @@
 import { createStore } from 'vuex';
+import user from './modules/user';
 
-// 实例化一个store对象
-
-const store = createStore({
-    state() {
-        return {
-            isLogin: false,
-            successMessage: '',
-            showLoginSuccess: false
-        }
-    },
-    mutations: {
-        login(state) {
-            state.isLogin = true;
-        },
-        logout(state) {
-            state.isLogin = false;
-        },
-        setSuccessMessage(state, message) {
-            state.successMessage = message;
-        },
-        setShowLoginSuccess(state, value) { // 新增 mutation
-            state.showLoginSuccess = value;
-        }
-    },
-    actions: {
-        login(state, boolean){
-            this.login.value
-        }
+export default createStore({
+    plugins:[],
+    modules: {
+        user
     }
-})
+}
+)
+
+// // 实例化一个store对象
+
+// const store = createStore({
+//     state() {
+//         return {
+//             isLogin: false,
+//             successMessage: '',
+//             showLoginSuccess: false
+//         }
+//     },
+//     mutations: {
+//         login(state) {
+//             state.isLogin = true;
+//         },
+//         logout(state) {
+//             state.isLogin = false;
+//         },
+//         setSuccessMessage(state, message) {
+//             state.successMessage = message;
+//         },
+//         setShowLoginSuccess(state, value) { // 新增 mutation
+//             state.showLoginSuccess = value;
+//         }
+//     },
+//     actions: {
+//         login(state, boolean){
+//             this.login.value
+//         }
+//     }
+// })
 
-// 将vuex实例出来的store抛出去
-export default store
+// // 将vuex实例出来的store抛出去
+// export default store

src/views/Login.vue

@@ -36,8 +36,40 @@
         </div>
     </div>
 </template>
+<script setup>
+import request from "../utils/axios/request"
+import { computed, inject } from "vue";
+import { mapState,mapGetters,mapMutations,mapActions } from "vuex";
+
+// 定义数据
+const store = inject("store")
+let username = ""
+let password = ""
+let codeImage = ""
+
+// 初始化数据
+const init = {
+    created(){
+        
+    }
+}
+
+created: {
+    request.get('/captcha',{responseType: 'blob'}).then((res) => {
+            store.state.successMessage = window.URL.createObjectURL(response.data)
+    })
+}
 
-<script>
+computed: {
+
+}
+
+const setImage = {
+    ...mapMutations('user',['setimage','settoken','setname','setpath']),
+}
+
+</script>
+<!-- <script>
 import request from "../utils/axios/request"
 import qs from "qs"
 // import { useStore } from 'vuex';
@@ -96,7 +128,7 @@ export default {
         }
     }
 }
-</script>
+</script> -->
 
 <style scoped>
 @media (min-width: 768px) {

src/views/page/page2.vue

@@ -22,12 +22,6 @@
  import { defineComponent, ref } from 'vue'
 
 export default defineComponent({
-  data() {
-    return {
-      ss: '',
-      sss: ''
-    }
-  },
   setup () {
     const tableData3 = ref([
       { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', age: 28, address: 'test abc' },