feat: 优化部分代码

Author: Flex-7746

CHANGELOG.md

@@ -1,5 +1,11 @@
 # 更新日志
 
+## 1.3.0
+
+- 优化资源加载方式，大幅度提升加载速度
+- 支持 .env 后缀文件
+- 修复 IOS 飞牛客户端打开文件传递参数非 / 前缀的问题
+
 ## 1.2.2
 
 - 优化 CGI 参数获取代码

app/app/ui/config

@@ -4,7 +4,7 @@
             "title": "代码编辑器",
             "icon": "images/icon_{0}.png",
             "type": "iframe",
-            "url": "/cgi/ThirdParty/code.editor/index.cgi",
+            "url": "/cgi/ThirdParty/code.editor/api.cgi/",
             "allUsers": true,
             "noDisplay": false,
             "fileTypes": [
@@ -35,6 +35,7 @@
                 "yaml",
                 "yml",
                 "vue",
+                "env",
                 "cgi"
             ]
         }

app/app/ui/index.cgi

@@ -6,6 +6,21 @@ const exec = require("./utils/exec");
 async function getData() {
   const env = process.env;
 
+  const assets = env.PATH_INFO.replace(
+    "/cgi/ThirdParty/code.editor/api.cgi",
+    ""
+  );
+
+  if (assets) {
+    const path = assets === "/" ? "/index.html" : assets;
+
+    return {
+      api: "assets",
+      query: { path: `/var/apps/code.editor/target/server/dist${path}` },
+      body: {},
+    };
+  }
+
   const result = {
     api: env.HTTP_API_PATH || "",
     query: querystring.parse(env.QUERY_STRING || ""),
@@ -58,9 +73,6 @@ async function main() {
     if (type) {
       console.log(`Content-Type: ${type}`);
       console.log(`Content-Length: ${body.size}`);
-      console.log(
-        `Content-Disposition: attachment; filename="${body.filename}"`
-      );
       console.log("");
       body.stream.pipe(process.stdout);
     } else {

backend/src/cgi.js

@@ -1,12 +1,12 @@
 const fs = require("fs");
 
 module.exports = async function read({ query }) {
-  const { path } = query;
-
-  if (!path) {
+  if (!query.path) {
     return { code: 400, msg: "缺少文件路径参数", data: query };
   }
 
+  const path = query.path[0] === "/" ? query.path : `/${query.path}`;
+
   try {
     if (!fs.existsSync(path)) {
       return { code: 404, msg: "文件不存在", data: query };

backend/src/router/read.js

@@ -1,6 +1,7 @@
 const getType = require("./type");
 
 const router = {
+  assets: { type: "file", run: require("../router/read") },
   read: { type: "file", run: require("../router/read") },
   save: { run: require("../router/save") },
 };

backend/src/utils/exec.js

@@ -10,21 +10,14 @@ import AutoImport from 'unplugin-auto-import/vite'
 import Components from 'unplugin-vue-components/vite'
 import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 
-// 这里是服务器的地址
-const CGI_PATH = '/cgi/ThirdParty/code.editor/api.cgi'
-const FILE_PATH = '_api=read&path=/var/apps/code.editor/target/server/dist'
+const CGI_PATH = '/cgi/ThirdParty/code.editor/api.cgi/'
 
 export default defineConfig({
+  base: CGI_PATH,
+
   build: {
     outDir: path.join(__dirname, '../app/app/server/dist'),
     emptyOutDir: true,
-
-    rollupOptions: {
-      output: {
-        manualChunks: undefined,
-        inlineDynamicImports: true,
-      },
-    },
   },
 
   plugins: [
@@ -38,31 +31,6 @@ export default defineConfig({
     Components({
       resolvers: [ElementPlusResolver()],
     }),
-
-    process.env.NODE_ENV === 'development'
-      ? undefined
-      : {
-          name: 'replace-file-loader',
-          transformIndexHtml(html) {
-            return html.replace(/(src|href)="([^"]*\.(js|css|ico))"/g, (match, attr, path) => {
-              return `${attr}="${CGI_PATH}?${FILE_PATH}${path}"`
-            })
-          },
-          generateBundle(_, bundle) {
-            Object.keys(bundle).forEach((fileName) => {
-              const chunk = bundle[fileName] as any
-
-              if (fileName.endsWith('.css')) {
-                chunk.source = chunk.source.replace(
-                  /url\(\s*['"]?(\/assets\/[^'")]*)['"]?\s*\)/g,
-                  (match: string, path: string) => {
-                    return match.replace(path, `${CGI_PATH}?${FILE_PATH}${path}`)
-                  },
-                )
-              }
-            })
-          },
-        },
   ],
 
   resolve: {