你别说，你还真别说，写一个网页，比写一个应用简单100倍。

可以啊，我给你提供服务器支持。

按照他这种东西还能叫游戏的话，我准备用AI去做一款名叫逆战，立志于超越暗战。hh有谁要玩的啊，我不会让你们氪金的所有数值你们随意改动，只要不搞破坏就OK。

他哪天弄个什么游戏，在电脑端的，他说推荐安装360。才能很好的游玩，那可就好玩了。hh

只要几个英文字母就行了。laji

这种游戏就应该毁灭。

我去，费尽心思弄一套给这个游戏做自动系统，那可算了吧，毕竟我的技术不是给这种游戏做任务用的。这样的话太污染我的技术了。用特定的浏览器开个控制台，咱随意折腾，心情不好，去敲几行命令，给他来点DDOS我觉得是一件非常美妙的事情。

做游戏你给我做好了啊，这种有多少冤种愿意玩啊，竟然推荐游玩的浏览器是夸克，是夸克就是那个。无障碍跟一坨一样的夸克。还说用这个夸克配上他们自己的心智有障碍助手游玩会最好，谁用心智有障碍助手啊，用它我还不如用talk back呢。微软浏览器不好吗？火狐不好吗？非得用夸克。咋的夸克是你妈还是你爹？

他们通行证页面都能做成这样。事故级评估报告：200 返回 HTML 的前端入口页

评估对象：第 1 次请求，HTTP 200，耗时 1000ms，响应体为 ...
总评：12/100，生产事故预备役。
一句话结论：如果这是接口响应，那是 P0 级事故；如果这是页面源码，那也是缝合怪。AI 不 AI 不是重点，重点是——路由、Nginx、前端工程、加载逻辑、监控体系，全线失守。

一、先定性：这不是“页面”，是事故现场

如果你请求的是 API，却拿到：

<!DOCTYPE html>
<html lang="en">
...
<title>Account Management</title>
...
<div id="app"></div>

那说明：你的接口请求打到了前端入口，SPA fallback 把 API 请求吃了。

HTTP 200 不是成功，是服务器在撒谎。
Content-Type 大概率是 text/html，不是 application/json。
前端如果直接 JSON.parse，当场爆炸；如果不炸，说明错误处理更烂。

这不是“接口慢”，这是“接口根本不存在，被前端页面截胡了”。

二、AI 不 AI？先别急着甩锅

这段 HTML 里确实有 AI 味：

· “基础环境配置与早期初始化”
· globalThis Polyfill
· 根据域名 includes 判断环境
· PerformanceObserver 做假进度条
· 语言标题早期设置

但下面这些不是 AI 手写的，是 Vite 构建产物：

<script type="module" crossorigin src="./assets/index-CHOdjzfd.js"></script>
<link rel="modulepreload" crossorigin href="./assets/axios-kgqKusg0.js">
<script nomodule crossorigin id="vite-legacy-polyfill" ...>

以及这段现代浏览器检测：

import.meta.url;import("_").catch(()=>1);(async function*(){})().next();window.__vite_is_modern_browser=true

这是 @vitejs/plugin-legacy 注入的。

所以准确说法是：Vite 构建产物 + AI 味初始化脚本 + 人肉硬编码配置，搅成一锅。
把锅全甩给 AI，属于找错债主。AI 只负责生成垃圾，人负责把垃圾送进生产。

三、罪状清单

P0 致命问题

1. API 请求被 SPA fallback 吞掉

典型 Nginx 配置：

location / {
    try_files $uri $uri/ /index.html;
}

如果 /api 没有优先匹配，所有未知路径都会回退到 index.html。
结果：接口 200，返回 HTML，前端爆炸，监控还以为成功。

修复：

location /api/ {
    proxy_pass https://acct.api.mytingyou.com:18000;
}

location / {
    try_files $uri $uri/ /index.html;
}

/api/ 必须放在 / 前面。
更狠一点：SPA fallback 只对 Accept: text/html 生效。

2. 前端不校验 Content-Type

Axios 默认以为 JSON，结果拿到 HTML。
正确的做法是拦截器直接判：

if (!res.headers['content-type']?.includes('application/json')) {
    throw new Error('API hit HTML, check Nginx/API base');
}

现在没有。所以 200 假成功能一路混到业务层。

3. API base 硬编码域名

if (hostname.includes('test.mytingyou.com')) {
    baseApi = 'https://aisx02.test.mytingyou.com/api';
} else if (hostname.includes('appshubforvisuallyimpaired.com')) {
    baseApi = 'https://acct.api.appshubforvisuallyimpaired.com:18000';
} else if (hostname.includes('mytingyou.com')) {
    baseApi = 'https://acct.api.mytingyou.com:18000';
}

这是把环境配置写死在 HTML 里。
换域名、加环境、改端口，全得改代码重新构建。
正常应该用 import.meta.env.VITE_API_BASE_URL。

P1 严重问题

4. 假加载进度条，行为艺术

let totalResources = 0;
let loadedResources = 0;

问题一堆：

· PerformanceObserver 注册太晚，之前的资源统计不到。
· totalResources 分母乱变，进度从 0 跳到 100 再掉下来。
· 缓存资源 transferSize 可能为 0。
· 没有超时，没有失败处理。
· JS 挂了，页面永远“页面加载中”。
· 频繁 innerHTML，aria-live="polite"，屏幕阅读器被“页面加载中 100%”反复精神污染。
· focus() 抢焦点，可访问性灾难。

这不是加载进度，这是演给领导看的。

5. 依赖臃肿，Vuex 和 Pinia 同时存在

预加载列表里：

· Vue
· Vue Router
· Vuex
· Pinia
· Element Plus
· lodash-es
· dayjs
· @vueuse
· @ctrl
· @popperjs
· async-validator
· clipboard
· ua-parser-js
· core-js

Vuex 和 Pinia 同时上？
两个状态管理库，像同时供两个皇帝，状态管理宫廷内斗。
Element Plus 大概率全量引入，首屏直接变慢。
lodash、dayjs、clipboard、ua-parser-js 全塞入口，包体积不炸才怪。

这不是 SPA，这是 Slow Page Application。

6. modulepreload 滥用

一口气预加载二十个 chunk。
浏览器像被塞了二十个外卖订单，一个都没吃完。
带宽竞争、瀑布加载、首屏白屏时间拉长。
1000ms 返回 HTML 只是开始，真正渲染可能更久。

7. 无错误边界、无监控、无降级

没有 Sentry，没有 Web Vitals，没有错误兜底。
接口返回 HTML，前端不知道；加载失败，用户不知道；
监控只看到 200，还以为一切正常。

8. CSP 不友好，内联脚本裸奔

大段内联

就是这种bug充满的东西怎么还能端出来啊？这种始作不应该是内部销毁的吗？我如果哪天写了一款那么laji的网页，我直接一头撞在豆腐上上天得了。这种能挑起支付吗，别连支付都写不好，那可就看笑话了。昨天进去游戏的时候都不弹出暂未开服，什么玩意儿啊？还有很多无焦点的，咋的？暴露你们的本性了吧？连无障碍都懒得做了是吧？还莫名其妙的吊起了我的文字转语音TTS咋的，你要上天啊，你是啥玩意儿？

准备给他来点好玩的，看看他们这个服务器怎么样。

那就是laji，那个还没有我自己写的网页游戏好呢，laji中的战斗机。就是一坨，那个就不能称为游戏，那就得称之为bug网页

是的，就是那个s

他在登录的时候，就是用无障碍框架套出来的laji，登录的时候读一读还带停顿的，跟哮喘似的。

他们的游戏一看就是豆包标准版，拼多多直充，10元搞定的。他们整个官方的脑子像是被豆包腐化了一样，他们从他们CEO开始，再到底下那些客服，全是一群laji，他们做的游戏也是一样的，实名认证居然需要我去网页端，网页那么多漏洞，小心哪天可就呵呵呵了。

那一群从玩家里面选出来的客服，他们素质能咋地？一群乌合之众。就连他们整个公司的人也都是一群乌合之众，啥也不是，除了圈钱就是收割韭菜。

因为他们可能没多少工程师了，这些可能是从哪抽过来的，然后呢，可能还用着拼多多上直充的豆包标准版写的。写一个网页，可比写一个应用简单不止一点点。我是写过的。

我来回答你，因为写网页比写应用容易多了。。

这《心智》割韭菜怎么还越来越退步了啊？是不是那个策划脑子一热：哎哟，对，我们该薅钱了，我们好久没薅用户的钱了，我们应该再开一个“屎作”来薅用户的钱。什么？你告诉我那些写代码的工程师都很忙，都在维护一个又一个“屎作”？因为这些“屎作”还有价值，还能从韭菜那边薅到很多钱，如果停服的话容易被骂。这不简单吗？去找点什么廉价大学生啊，什么实习工程师啊，啊，越便宜越好啊，这样我们就能省下更多的钱。这些钱就可以进入老板的口袋了，老板一定会夸我，给我们涨工资的。然后就这样，他们请来了几个二流程序员，就开始写起了这款《暗战》。
写游戏太慢了怎么办啊？那不简单吗？你就随便写写就行了啊。有一个人说，我们可以用AI来写啊，对，我怎么没想到呢？我们弄AI来写，这样更节省人力成本，而且时间还能大大缩短，AI写代码多快啊。拿什么AI？现在主流的不都是什么ChatGPT、OpenAI、Claude，还有咱们国产的DeepSeek V4.1 Flash？然后那个策划又蹦出来了：你傻啊，用什么啊？这些都是要收费的啊，这样的话，咱们又赚不了多少钱了。我看豆包就挺合适的。你跟我说豆包要不要充会员？那充一个吧，充个标准版的。什么？标准版要68？这也太贵了吧，嗯，去拼多多上找找，拼多多上有直充的啊，直充的便宜多了，我们就充一个月的就够了。
然后有一个程序员看不下去了，说不好吧，这样对用户太不负责任了。然后那个策划又蹦出来：我们割韭菜就行了啊，只要有钱，管它是什么呢，只要能涨工资，管他什么呢，反正咱们又不玩，是给那群韭菜玩的，这样的话，他们就会给咱们爆源源不断的RMB。就这样，不到一个月，《暗战》就这么出来了。

打卡