修改mock static与zx-layouts的引入方式

src/colorfulIcon/index.js

 import Vue from "vue";
 import Vue from "vue";
-import ColorfullIcon from "zx-layouts/ColorfullIcon";
+import { ColorfullIcon } from "@/layouts/components";
 
 
 Vue.component("vab-colorful-icon", ColorfullIcon);
 Vue.component("vab-colorful-icon", ColorfullIcon);
 const req = require.context("./svg", false, /\.svg$/),
 const req = require.context("./svg", false, /\.svg$/),

src/config/settings.js

@@ -17,7 +17,7 @@ module.exports = {
   baseURL:
   baseURL:
     process.env.NODE_ENV === "development" || process.env.NODE_ENV === "preview"
     process.env.NODE_ENV === "development" || process.env.NODE_ENV === "preview"
       ? "vab-mock-server"
       ? "vab-mock-server"
-      : "http://your.website.com",
+      : "vab-mock-server",
   //标题 （包括初次加载雪花屏的标题 页面的标题 浏览器的标题）
   //标题 （包括初次加载雪花屏的标题 页面的标题 浏览器的标题）
   title: "vue-admin-beautiful",
   title: "vue-admin-beautiful",
   //简写
   //简写

mock/static.js → src/config/static.js

@@ -3,10 +3,10 @@
  * @description 导入所有 controller 模块，浏览器环境中自动输出controller文件夹下Mock接口，请勿修改。
  * @description 导入所有 controller 模块，浏览器环境中自动输出controller文件夹下Mock接口，请勿修改。
  */
  */
 import Mock from "mockjs";
 import Mock from "mockjs";
-import { paramObj } from "../src/utils";
+import { paramObj } from "@/utils";
 
 
 const mocks = [];
 const mocks = [];
-const files = require.context("./controller", false, /\.js$/);
+const files = require.context("../../mock/controller", false, /\.js$/);
 
 
 files.keys().forEach((key) => {
 files.keys().forEach((key) => {
   const obj = files(key).default;
   const obj = files(key).default;

src/layouts/components/index.js

@@ -2,6 +2,11 @@
  * @copyright chuzhixin 1204505056@qq.com
  * @copyright chuzhixin 1204505056@qq.com
  * @description 公共布局导出，已封装成npm，便于此后在线升级，当然也存在一定的弊端，给开发者自定义增加了一定的困难，如果您一定要进行高度自定义，请仔细阅读VIP群文档，layouts本地化篇
  * @description 公共布局导出，已封装成npm，便于此后在线升级，当然也存在一定的弊端，给开发者自定义增加了一定的困难，如果您一定要进行高度自定义，请仔细阅读VIP群文档，layouts本地化篇
  */
  */
+export { default as ColorfullIcon } from "zx-layouts/ColorfullIcon";
+export { default as RemixIcon } from "zx-layouts/RemixIcon";
+export { default as VabDrag } from "zx-layouts/Drag";
+export { default as VabPermissions } from "zx-layouts/Permissions";
+export { default as VabQueryForm } from "zx-layouts/VabQueryForm/export";
 export { default as Logo } from "zx-layouts/Logo";
 export { default as Logo } from "zx-layouts/Logo";
 export { default as Avatar } from "zx-layouts/Avatar";
 export { default as Avatar } from "zx-layouts/Avatar";
 export { default as Ad } from "./Ad";
 export { default as Ad } from "./Ad";

src/main.js

@@ -14,7 +14,7 @@ if (
   process.env.NODE_ENV === "preview" ||
   process.env.NODE_ENV === "preview" ||
   process.env.NODE_ENV === "production"
   process.env.NODE_ENV === "production"
 ) {
 ) {
-  const { mockXHR } = require("../mock/static");
+  const { mockXHR } = require("@/config/static");
   mockXHR();
   mockXHR();
 }
 }
 
 

src/plugins/index.js

@@ -10,10 +10,8 @@ import "@/utils/errorLog";
 import "./vabIcon";
 import "./vabIcon";
 
 
 import Vab from "@/utils/vab";
 import Vab from "@/utils/vab";
-import VabDrag from "zx-layouts/Drag";
-import VabPermissions from "zx-layouts/Permissions";
+import { VabDrag, VabPermissions, VabQueryForm } from "@/layouts/components";
 import VabCount from "zx-count";
 import VabCount from "zx-count";
-import VabQueryForm from "zx-layouts/VabQueryForm/export";
 import VueAMap from "vue-amap";
 import VueAMap from "vue-amap";
 
 
 VueAMap.initAMapApiLoader({
 VueAMap.initAMapApiLoader({
@@ -21,6 +19,7 @@ VueAMap.initAMapApiLoader({
   plugin: ["Autocomplete", "PlaceSearch", "PolyEditor", "CircleEditor"],
   plugin: ["Autocomplete", "PlaceSearch", "PolyEditor", "CircleEditor"],
   v: "1.4.4",
   v: "1.4.4",
 });
 });
+
 Vue.use(Vab);
 Vue.use(Vab);
 Vue.use(VabPermissions);
 Vue.use(VabPermissions);
 Vue.use(VabDrag);
 Vue.use(VabDrag);

src/remixIcon/index.js

 import Vue from "vue";
 import Vue from "vue";
-import RemixIcon from "zx-layouts/RemixIcon";
+import { RemixIcon } from "@/layouts/components";
 
 
 Vue.component("vab-remix-icon", RemixIcon);
 Vue.component("vab-remix-icon", RemixIcon);
 const req = require.context("./svg", false, /\.svg$/),
 const req = require.context("./svg", false, /\.svg$/),