Merge branch 'master' of http://192.168.1.125:3000/root/bigscreenWeb

2025-09-26 16:37:12 +08:00
parent f7ec061c25 3ce3f8dc25
commit 167e676838
1 changed files with 167 additions and 0 deletions
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -0,0 +1,167 @@
+import { defineConfig, loadEnv } from "vite";
+import vue from "@vitejs/plugin-vue";
+import { viteMockServe } from "vite-plugin-mock"; //mockjs
+import path from "path";
+
+import AutoImport from "unplugin-auto-import/vite";
+import Components from "unplugin-vue-components/vite";
+import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
+
+// 如果编辑器提示 path 模块找不到，则可以安装一下 @types/node -> npm i @types/node -D
+import { resolve } from "path";
+// https://vitejs.dev/config/
+
+export default ({ command, mode }) => {
+  //参数mode为开放模式或生产模式
+  const env = loadEnv(mode, process.cwd()); // 获取.env文件里定义的环境变量
+
+  return defineConfig({
+    plugins: [
+      vue(),
+      AutoImport({
+        resolvers: [ElementPlusResolver()], //按需加载组件官网
+      }),
+      Components({
+        resolvers: [ElementPlusResolver()], //按需加载组件官网
+      }),
+      viteMockServe({
+        mockPath: "./src/mock/", // 指向mock下的文件
+        localEnabled: false, // 是否开启开发环境
+      }),
+    ],
+
+    resolve: {
+      alias: {
+        "@": resolve(__dirname, "src"), // 设置 `@` 指向 `src` 目录
+        "~script": path.resolve(__dirname, "./src/script"),
+      },
+    },
+    //项目部署在主域名的子文件使用,例如http://localhost:3000/myvite/。不填默认就是/
+    // base: env.VITE_APP_BASE_URL || "/", // 设置打包路径
+    base: "./",
+    server: {
+      host: "127.0.0.1",
+      port: 4000, // 设置服务启动端口号
+      // port: Number(loadEnv(mode, process.cwd()).VITE_APP_PORT),
+
+      strictPort: true, // 端口被占用直接退出
+      https: false,
+      open: true, // 在开发服务器启动时自动在浏览器中打开应用程序
+      cors: true, // 允许跨域
+
+      // 设置代理，根据我们项目实际情况配置
+      proxy: {
+        "/api": {
+          // target: "http://192.168.1.63/api/",
+            // target: "http://192.168.1.133:4000/api/",
+            //target: "http://192.168.1.62:10215",
+            // target: 'http://192.168.1.127:19001', //cdf
+            //target: 'http://192.168.1.133:19001', //cdf
+            target: 'http://192.168.1.127:19001', //cdf
+          changeOrigin: true,
+          secure: false,
+          rewrite: (path) => path.replace(/^\/api/, ""),
+        },
+        // '/dev-api': {
+        //   // target: 'http://xxx.xxx.xxx.xxx:8000',
+        //   target: mode==='development'?env.VITE_APP_BASE_API:env.VITE_APP_BASE_URL,
+        //   changeOrigin: true,
+        //   secure: false,
+        //   rewrite: (path) => path.replace(/^\/dev-api/, '')
+        // }
+      },
+      hmr: {
+        overlay: true, // 屏蔽服务器报错
+      },
+    },
+    css: {
+      // css预处理器
+      preprocessorOptions: {
+        scss: {
+          // additionalData: '@import "@/assets/scss/style.scss";'
+        },
+      },
+    },
+    build: {
+      chunkSizeWarningLimit: 1500, // 分块打包，分解块，将大块分解成更小的块
+      rollupOptions: {
+        output: {
+          manualChunks(id) {
+            if (id.includes("node_modules")) {
+              return id
+                .toString()
+                .split("node_modules/")[1]
+                .split("/")[0]
+                .toString();
+            }
+          },
+        },
+      },
+    },
+  });
+};
+
+// export default defineConfig({
+//   plugins: [
+//     vue(),
+//     AutoImport({
+//       resolvers: [ElementPlusResolver()],//按需加载组件官网
+//     }),
+//     Components({
+//       resolvers: [ElementPlusResolver()],//按需加载组件官网
+//     }),
+//     viteMockServe({
+//       mockPath: "./src/mock/", // 指向mock下的文件
+//       localEnabled: false // 是否开启开发环境
+//     })
+//   ],
+
+//   resolve: {
+//     alias: {
+//       '@': resolve(__dirname, 'src'),// 设置 `@` 指向 `src` 目录
+//       '~script': path.resolve(__dirname, './src/script'),
+//     }
+//   },
+//   base: './', // 设置打包路径
+//   server: {
+//     host: '127.0.0.1',
+//     port: 4000,// 设置服务启动端口号
+//     strictPort: true, // 端口被占用直接退出
+//     https: false,
+//     open: true,// 在开发服务器启动时自动在浏览器中打开应用程序
+//     cors: true,// 允许跨域
+
+//     // 设置代理，根据我们项目实际情况配置
+//     proxy: {
+//       '/dev-api': {
+//         target: 'http://xxx.xxx.xxx.xxx:8000',
+//         changeOrigin: true,
+//         secure: false,
+//         rewrite: (path) => path.replace(/^\/dev-api/, '')
+//       }
+//     },
+//     hmr: {
+//       overlay: false // 屏蔽服务器报错
+//     }
+//   },
+//   css: {
+//     // css预处理器
+//     preprocessorOptions: {
+//       scss: {
+//         additionalData: '@import "@/assets/styles/global.scss";'
+//       }
+//     }
+//   },
+//   build: {
+//     chunkSizeWarningLimit: 1500, // 分块打包，分解块，将大块分解成更小的块
+//     rollupOptions: {
+//       output: {
+//         manualChunks(id) {
+//           if (id.includes('node_modules')) {
+//             return id.toString().split('node_modules/')[1].split('/')[0].toString();
+//           }
+//         }
+//       }
+//     }
+//   }
+// })