精简依赖

mock/controller/goodsDetail.js

-const { mock } = require("mockjs");
-
-module.exports = [
-  {
-    url: "/goodsDetail/getList",
-    type: "post",
-    response(config) {
-      return {
-        code: 200,
-        msg: "success",
-        totalCount: 999,
-        data: mock({
-          "data|10": [
-            {
-              id: "@id",
-            },
-          ],
-        }).data,
-      };
-    },
-  },
-  {
-    url: "/goodsDetail/doEdit",
-    type: "post",
-    response(config) {
-      return {
-        code: 200,
-        msg: "模拟保存成功",
-      };
-    },
-  },
-  {
-    url: "/goodsDetail/doDelete",
-    type: "post",
-    response(config) {
-      return {
-        code: 200,
-        msg: "模拟删除成功",
-      };
-    },
-  },
-];

mock/controller/router.js

@@ -319,14 +319,6 @@ const data = [
           title: "商品列表",
         },
       },
-      {
-        path: "goodsDetail",
-        name: "GoodsDetail",
-        component: "@/views/mall/goodsDetail/index",
-        meta: {
-          title: "商品详情",
-        },
-      },
     ],
   },
   {

package.json

@@ -70,7 +70,6 @@
     "zx-verify": "^0.0.2"
   },
   "devDependencies": {
-    "@babel/register": "^7.11.5",
     "@vue/cli-plugin-babel": "^4.5.6",
     "@vue/cli-plugin-eslint": "^4.5.6",
     "@vue/cli-plugin-router": "^4.5.6",
@@ -78,7 +77,6 @@
     "@vue/cli-service": "^4.5.6",
     "@vue/eslint-config-prettier": "^6.0.0",
     "babel-eslint": "^10.1.0",
-    "babel-plugin-dynamic-import-node": "^2.3.3",
     "compression-webpack-plugin": "^6.0.2",
     "eslint": "^7.10.0",
     "eslint-plugin-prettier": "^3.1.4",

src/api/goodsDetail.js

-import request from "@/utils/request";
-
-export function getList(data) {
-  return request({
-    url: "/goodsDetail/getList",
-    method: "post",
-    data,
-  });
-}

src/router/index.js

@@ -125,6 +125,15 @@ export const asyncRoutes = [
     meta: { title: "组件", icon: "box-open" },
     children: [
       {
+        path: "permissions",
+        name: "Permission",
+        component: () => import("@/views/vab/permissions/index"),
+        meta: {
+          title: "角色权限",
+          permissions: ["admin", "editor"],
+        },
+      },
+      {
         path:
           "https://github.com/chuzhixin/vue-admin-beautiful?utm_source=gold_browser_extension",
         name: "ExternalLink",
@@ -136,15 +145,6 @@ export const asyncRoutes = [
         },
       },
       {
-        path: "permissions",
-        name: "Permission",
-        component: () => import("@/views/vab/permissions/index"),
-        meta: {
-          title: "权限控制",
-          permissions: ["admin", "editor"],
-        },
-      },
-      {
         path: "icon",
         component: EmptyLayout,
         redirect: "noRedirect",
@@ -395,14 +395,6 @@ export const asyncRoutes = [
           title: "商品列表",
         },
       },
-      {
-        path: "goodsDetail",
-        name: "GoodsDetail",
-        component: () => import("@/views/mall/goodsDetail/index"),
-        meta: {
-          title: "商品详情",
-        },
-      },
     ],
   },
   {

src/views/mall/goodsDetail/index.vue

-<template>
-  <div class="goodsDetail-container"></div>
-</template>
-
-<script>
-  export default {
-    name: "GoodsDetail",
-    data() {
-      return {};
-    },
-    created() {},
-    methods: {},
-  };
-</script>