修改列表查询页 重复跳转 不能查询 问题

src/components/foots/index.vue

@@ -60,8 +60,12 @@ export default {
       window.open(url);
     },
     async btnSearch() {
-      sessionStorage.setItem('search', this.searchName);
-      this.$router.push('/searchList');
+      // console.log(this.searchName);
+      // const search = sessionStorage.getItem('search');
+      // console.log(search);
+      // if (search) sessionStorage.removeItem('search');
+      // sessionStorage.setItem('search', this.searchName);
+      this.$router.push(`/searchList/${this.searchName}`);
     }
   }
 };

src/router/index.js

@@ -40,7 +40,7 @@ const routes = [
     component: () => import('../views/list.vue')
   },
   {
-    path: '/searchList',
+    path: '/searchList/:search',
     name: 'searchList',
     component: () => import('../views/searchList.vue')
   }

src/views/searchList.vue

@@ -24,24 +24,34 @@ export default {
   },
   data() {
     return {
+      searchName: null,
       icon: require('../assets/jt.png')
     };
   },
   async mounted() {
-    const searchName = sessionStorage.getItem('search');
-    await this.search({ search: searchName });
+    // this.searchName = sessionStorage.getItem('search');
+    this.searchName = this.$route.params.search;
+    console.log(this.searchName);
   },
   methods: {
     ...mapActions(['search']),
     // 列表点击
     newClick(e) {
       this.$router.push(`/details/${e._id}`);
+    },
+    async query() {
+      await this.search({ search: this.searchName });
     }
   },
   filters: {
     dates(e) {
       return moment(e).format('YYYY-MM-DD');
     }
+  },
+  watch: {
+    searchName(val) {
+      this.query();
+    }
   }
 };
 </script>

vue.config.js

@@ -5,8 +5,8 @@ module.exports = {
     port: 18080,
     proxy: {
       '/api/': {
-        // target: 'http://skl.cc-lotus.info'
-        target: 'http://127.0.0.1:18090'
+        target: 'http://skl.cc-lotus.info'
+        // target: 'http://127.0.0.1:18090'
       },
       '/upload/': {
         // target: 'http://127.0.0.1:9002'