自动修改URL

src/App.vue

@@ -1,24 +1,10 @@
 <template>
-  <a-layout>
-    <a-layout-sider style="background-color: rgba(199,23,23,0.57);">
-      <sidebar-view></sidebar-view>
-    </a-layout-sider>
-    <a-layout>
-      <a-layout-header style="background-color: rgba(188,245,179,0.69);">
-        <header-view></header-view>
-      </a-layout-header>
-      <a-layout-content>
-        <router-view></router-view>
-      </a-layout-content>
-      <a-layout-footer style="background-color: azure">Footer</a-layout-footer>
-    </a-layout>
-  </a-layout>
+  <router-view></router-view>
 </template>
 <style>
 
 
 </style>
 <script setup>
-import HeaderView from "@/views/HeaderView.vue";
-import SidebarView from "@/views/SidebarView.vue";
+
 </script>

src/components/RepeatWord.vue

@@ -6,8 +6,8 @@
   <br><br><br><br>
   <a-input v-model:value="value" placeholder="Basic usage"/>
   <br><br><br><br><br><br><br><br><br>
-  <a-button @click="logarea">ke</a-button>
-  <a-button @click="sendString">获得词组</a-button>
+  <a-button @click="func1">func1</a-button>
+  <a-button @click="func2">func2</a-button>
   <a-button>xing</a-button>
 
   <br><br>
@@ -23,24 +23,24 @@ export default {
     }
   },
   methods: {
-    sendString() {
+    func1() {
+      service.get("/1").then(res => {
+        console.log(res.data)
+        this.value = "logaaa"
+        this.value=res.data
+      })
+    },
+    func2() {
       service.post(
-          "deal", {
+            "deal", {
             data1: this.value
           }
       ).then(res => {
         console.log(res.data)
         this.value = res.data
-      }).catch(
-          this.value="button 1 can't be click"
-      )
-    },
-    logarea() {
-      service.get("/1").then(res => {
-        console.log(res.data)
-        this.value = "logaaa"
       })
-    }
+    },
+
   }
 }
 </script>

src/router/index.js

@@ -11,9 +11,6 @@ const routes = [
     {
         path: '/about',
         name: 'about',
-        // route level code-splitting
-        // this generates a separate chunk (about.[hash].js) for this route
-        // which is lazy-loaded when the route is visited.
         component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
     }, {
         path: "/repeatword",

src/utils/service/index.js

@@ -1,8 +1,13 @@
 import axios from "axios";
 
+let baseURL = "http://localhost:9000/";
+if (process.env.NODE_ENV === "production") {
+    baseURL = ""
+}
+
 const service = axios.create(
     {
-        baseURL: "http://localhost:9000/"
+        baseURL: baseURL
     }
 )
 service.interceptors.response.use(