add fix

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/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 = ""
 
-<script>
+// 初始化数据
+const init = {
+    created(){
+        
+    }
+}
+
+created: {
+    request.get('/captcha',{responseType: 'blob'}).then((res) => {
+            store.state.successMessage = window.URL.createObjectURL(response.data)
+    })
+}
+
+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) {