fix: 生产打包编译报错问题修复

Former-commit-id: 3998de871def78ea6f61b3ecd368411d50a2c6f9

src/views/error-page/401.vue

@@ -1,3 +1,33 @@
+<!-- setup 无法设置组件名称，组件名称keepAlive必须 -->
+<script lang="ts">
+export default {
+  name: 'Page401',
+};
+</script>
+
+<script setup lang="ts">
+import { reactive, toRefs } from 'vue';
+import { useRouter } from 'vue-router';
+
+const state = reactive({
+  errGif: new URL(
+    `../../assets/401_images/401.gif`,
+    import.meta.url).href,
+
+  ewizardClap:
+    'https://wpimg.wallstcn.com/007ef517-bafd-4066-aae4-6883632d9646',
+  dialogVisible: false,
+})
+
+const { errGif, ewizardClap, dialogVisible } = toRefs(state)
+
+const router = useRouter();
+
+function back() {
+  router.back();
+}
+</script>
+
 <template>
   <div class="errPage-container">
     <el-button icon="el-icon-arrow-left" class="pan-back-btn" @click="back">
@@ -23,77 +53,56 @@
         </ul>
       </el-col>
       <el-col :span="12">
-        <img
-          :src="errGif"
-          width="313"
-          height="428"
-          alt="Girl has dropped her ice cream."
-        />
+        <img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream." />
       </el-col>
     </el-row>
-    <el-dialog v-model:visible="dialogVisible" title="随便看">
+    <el-dialog v-model="dialogVisible" title="随便看">
       <img :src="ewizardClap" class="pan-img" />
     </el-dialog>
   </div>
 </template>
 
-<script>
-import errGif from '@/assets/401_images/401.gif';
-
-export default {
-  name: 'Page401',
-  data() {
-    return {
-      errGif: errGif + '?' + +new Date(),
-      ewizardClap:
-        'https://wpimg.wallstcn.com/007ef517-bafd-4066-aae4-6883632d9646',
-      dialogVisible: false
-    };
-  },
-  methods: {
-    back() {
-      if (this.$route.query.noGoBack) {
-        this.$router.push({ path: '/dashboard' });
-      } else {
-        this.$router.go(-1);
-      }
-    }
-  }
-};
-</script>
 
 <style lang="scss" scoped>
 .errPage-container {
   width: 800px;
   max-width: 100%;
   margin: 100px auto;
+
   .pan-back-btn {
     background: #008489;
     color: #fff;
     border: none !important;
   }
+
   .pan-gif {
     margin: 0 auto;
     display: block;
   }
+
   .pan-img {
     display: block;
     margin: 0 auto;
     width: 100%;
   }
+
   .text-jumbo {
     font-size: 60px;
     font-weight: 700;
     color: #484848;
   }
+
   .list-unstyled {
     font-size: 14px;
+
     li {
       padding-bottom: 5px;
     }
+
     a {
       color: #008489;
       text-decoration: none;
+
       &:hover {
         text-decoration: underline;
       }