dachuang

要修改代码

#实时查看
cd /var/www/chongshibie/javascript
node .\server.js

cd /var/www/chongshibie/javascript
# 终止网页
sudo systemctl stop chongshibie

# 修改完成后重新启动网页
sudo -u www-data npm ci
source /var/www/chongshibie/javascript/.venv/bin/activate
python -m pip install --upgrade pip
sudo systemctl start chongshibie
sudo systemctl status chongshibie

静态网页

可以，最直接的办法是“本地静态打开页面 + 浏览器控制台强制进入用户界面”。你现在就这样做：

1. 在项目根目录启动静态服务。
```bash
cd /home/jj/dachuang
python3 -m http.server 4173

2. 浏览器打开：

http://127.0.0.1:4173/html/xr.html

3. 按 F12 打开开发者工具，切到 Console，粘贴下面这段：

(() => {
  const vm = document.querySelector('#app').__vue__;
  if (!vm) {
    alert('没有找到 Vue 实例，请确认页面已完全加载');
    return;
  }

  const now = Date.now();
  const state = {
    username: '本地预览用户',
    email: 'preview@local.test',
    usageCount: 12,
    lastUsed: new Date(now - 90 * 60 * 1000).toISOString(),
    registrationDate: new Date(now - 14 * 24 * 60 * 60 * 1000).toISOString(),
    settings: { notifications: true, autoSave: true }
  };

  vm.isLoggedIn = true;
  vm.isAdmin = false;
  vm.currentUser = state.username;
  vm.currentUserEmail = state.email;
  vm.authToken = 'preview-user-token';
  vm.adminToken = '';
  vm.currentAuthForm = 'login';
  vm.activeTab = 'home';
  vm.usageCount = state.usageCount;
  vm.lastUsed = state.lastUsed;
  vm.registrationDate = state.registrationDate;
  vm.settings = state.settings;
  vm.matchedImage = '../javascript/dataset/crops/0002_c1s1_000003_02.jpg';
  vm.matchedInfo = { similarity: '0.932', distance: '0.073' };

  const rawFetch = window.fetch.bind(window);
  window.fetch = async (input, init) => {
    const url = typeof input === 'string' ? input : input.url;

    if (url.includes('/api/user/settings')) {
      return new Response(JSON.stringify({
        success: true,
        msg: '本地预览模式',
        settings: vm.settings
      }), {
        status: 200,
        headers: { 'Content-Type': 'application/json' }
      });
    }

    if (url.includes('/api/user/profile')) {
      return new Response(JSON.stringify({
        success: true,
        user: {
          username: vm.currentUser,
          email: vm.currentUserEmail,
          usageCount: vm.usageCount,
          lastUsed: vm.lastUsed,
          registrationDate: vm.registrationDate,
          settings: vm.settings
        }
      }), {
        status: 200,
        headers: { 'Content-Type': 'application/json' }
      });
    }

    return rawFetch(input, init);
  };

  vm.processImage = function () {
    if (!this.uploadedImage) {
      alert('请先上传图片');
      return;
    }

    this.processingImage = true;
    this.matchedImage = null;
    this.matchedInfo = null;

    setTimeout(() => {
      this.processingImage = false;
      this.matchedImage = '../javascript/dataset/crops/0002_c1s1_000003_02.jpg';
      this.matchedInfo = { similarity: '0.932', distance: '0.073' };
      this.usageCount += 1;
      this.lastUsed = new Date().toISOString();
    }, 250);
  };

  console.log('已进入本地预览用户界面');
})();

执行完后你就会直接进入“用户已登录”的界面，可以切首页、识别页、设置页，改 HTML/CSS/大部分前端交互都够用了。

两个注意点：

• 每次刷新页面后，这段脚本要重新执行一次。
• 这只是前端预览模式，不会真的连服务器数据库；登录、注册、发验证码这些真实后端能力仍然不可用。

如果你想更省事，我下一步可以直接帮你把这个“本地预览登录”做进代码里，变成页面上的一个按钮，不用每次都开控制台粘贴。