feat(server): 优化静态资源服务与构建配置

- 添加 docs 目录到 .gitignore 忽略列表
- 修复统计脚本 URL 协议为 HTTPS
- 更新构建时间戳并新增 Windows 可执行文件构建脚本
- 重构服务端静态资源处理逻辑,支持 Bun 自动嵌入
- 改进 SPA 路由 fallback 机制
- 优化局域网 IP 获取函数变量声明
- 完善 Content-Type 响应头设置
- 移除冗余代码注释,提升可读性
This commit is contained in:
coolxitech
2025-12-13 14:55:08 +08:00
parent b758c6e84d
commit 061d1f0152
4 changed files with 37 additions and 22 deletions

1
.gitignore vendored
View File

@@ -12,6 +12,7 @@ node_modules
dist
dist-ssr
*.local
docs
# Editor directories and files
.claude/*

View File

@@ -13,7 +13,7 @@
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
<!-- 统计勿删 -->
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script charset="UTF-8" id="LA_COLLECT" src="https://sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({ id: "L298GYqn6JhAO0VU", ck: "L298GYqn6JhAO0VU", autoTrack: true, hashMode: true })</script>
</body>

View File

@@ -6,12 +6,13 @@
"author": "setube",
"private": true,
"version": "1.1.0",
"buildDate": "2025/12/13 11:11:17",
"buildDate": "2025/12/13 14:49:22",
"type": "module",
"scripts": {
"dev": "vite --port 25121",
"build": "vue-tsc -b && vite build && node update-build-date.js",
"preview": "vite preview"
"preview": "vite preview",
"build-pkg:windows": "bun build ./server.js --compile --minify --outfile ogame.exe"
},
"dependencies": {
"@tailwindcss/vite": "^4.1.17",

View File

@@ -3,21 +3,23 @@ const path = require('path');
const { exec } = require('child_process');
const os = require('os');
// Bun 会自动嵌入整个 docs 目录下所有文件(包括 assets/ 里的 js、css、图片等
import "./docs/index.html";
const app = express();
// 1. 跨平台自动打开浏览器函数
function openUrl(url) {
const start = process.platform === 'darwin' ? 'open' : process.platform === 'win32' ? 'start ""' : 'xdg-open';
exec(`${start} "${url}"`);
}
// 2. 获取局域网 IP
function getLocalIp() {
const interfaces = os.networkInterfaces();
for (let devName in interfaces) {
let iface = interfaces[devName];
const iface = interfaces[devName];
for (let i = 0; i < iface.length; i++) {
let alias = iface[i];
const alias = iface[i];
if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
return alias.address;
}
@@ -26,28 +28,39 @@ function getLocalIp() {
return 'localhost';
}
// 3. 核心:静态资源拦截器(实现单文件嵌入的关键
app.get('/:path*', async (req, res) => {
// 处理请求路径,默认为 index.html
let reqPath = req.path === '/' ? '/index.html' : req.path;
// 静态资源服务(现在能正常工作了!
app.use(async (req, res, next) => {
let requestedPath = req.path;
// 这里的路径必须在构建时能找到对应的 docs 目录
// Bun 编译时会自动将 Bun.file 引用的静态资源打包进去
const filePath = path.join(__dirname, "docs", reqPath);
// 根路径处理
if (requestedPath === '/' || requestedPath === '') {
requestedPath = '/index.html';
}
const filePath = "./docs" + requestedPath;
const file = Bun.file(filePath);
const exists = await file.exists();
if (await file.exists()) {
res.type(file.type);
res.send(Buffer.from(await file.arrayBuffer()));
if (exists) {
const arrayBuffer = await file.arrayBuffer();
const buffer = Buffer.from(arrayBuffer);
// 设置正确的 Content-Type
const type = file.type || 'application/octet-stream';
res.setHeader('Content-Type', type);
res.send(buffer);
} else {
// Vue History 模式支持:找不到的文件指向 index.html
const indexFile = Bun.file(path.join(__dirname, "docs", "index.html"));
res.type('text/html');
res.send(Buffer.from(await indexFile.arrayBuffer()));
// SPA fallback
const indexFile = Bun.file("./docs/index.html");
const arrayBuffer = await indexFile.arrayBuffer();
const buffer = Buffer.from(arrayBuffer);
res.setHeader('Content-Type', 'text/html');
res.send(buffer);
}
});
// 4. 启动服务器(随机端口)
const server = app.listen(0, '0.0.0.0', () => {
const { port } = server.address();
const url = `http://localhost:${port}`;