edit & Merge commit '0e55277f'

.gitignore

@@ -15,8 +15,12 @@ dist-ssr
 # 自定义文件夹
 #  -- 后端示例文件
 backEndExample
-#生成&推送脚本
+
+# 自定义文件
+# 生成 & 推送脚本
 build-prod.bat
+# 开发服务器代理配置
+devServer.config.js
 
 # Editor directories and files
 .vscode/*

README.md

@@ -19,15 +19,21 @@ Svelte + daysiUI
 
 ## 开发
 
+```JavaScript
+// 在 dev 模式下开发要在根目录(vite.config.js 同级目录)中
+// 新建 devServer.config.js
+// 改进下面的代码并复制粘贴到这个文件里
+// 这个文件子在 .gitignore 中被忽略
+// 可以在这里复制名称再新建文件, 不要忘记这步, 非常关键
+// 单独提出来的目的是不让开发受这个代理服务器路径变更的影响
+
+export const proxy = "http://192.168.31.103:25702";
+```
+
 ```bash
 # 安装
 npm install
 
-# 在 dev 模式下开发要在 vite.config.js 中
-# 把 server -> proxy -> /api/ 中的 target
-# 改为你能在本地浏览器访问到的 rrpg.duels.link 的网址
-# 毕竟我是开了 NGINX 转发开发的, 比较迂回
-
 # 这是 dev 模式开发
 npm run dev:dev
 
@@ -58,6 +64,7 @@ npm run build:prod
   - [ ] 定时更新
 - [ ] 卡片展示
   - [x] 请求 php
+    - [x] 瀑布流
   - [x] 展示基础卡片
     - [x] 图片
     - [x] 点击 Cover 预览所有图片

src/utils/index.js

+/** 防抖函数 -> 立即执行
+ * @param {function} func 操作函数
+ * @param {number} delay 延迟
+ * @returns
+ */
+export function debounceImmediate(func, delay) {
+  let timeout;
+  return function () {
+    const immediate = !timeout;
+
+    if (timeout) {
+      clearTimeout(timeout);
+    }
+
+    timeout = setTimeout(() => {
+      // func.apply(this, arguments);
+      timeout = null;
+    }, delay);
+
+    if (immediate) {
+      func.apply(this, arguments);
+    }
+  };
+}
\ No newline at end of file

vite.config.js

 import { defineConfig } from 'vite';
 import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { proxy } from './devServer.config'
 
 import SetEnvByCommandArg, { getCommandArgv } from 'vite-plugin-env-command';
 
@@ -16,7 +17,8 @@ export default defineConfig({
   server: {
     proxy: {
       "/api/": {
-        target: "http://192.168.31.103:25702",
+        // NOTE: 在 ./devServer.config.js 文件把 proxy 后的 ip 改为你的浏览器内能访问到 rrpg.duels.link 的链接
+        target: proxy,
         changeOrigin: true,
         rewrite: (path) => path.replace(/^\/api/, ""),
       },