Nginx/OpenResty(推荐)

注意

以下方法仅供参考，如果您有更好的解决方案欢迎建议！

（宝塔）Nginx配置方法（1Panel）Openresty配置方法

• 将静态资源压缩包上传到站点对应的文件夹并解压
• 回到网站-PHP项目，点击需要修改的域名（对应上一步的域名）
• 找到配置文件
• 将以下内容添加到# 引用反向代理规则，注释后配置的反向代理将无效之前

      # 新增的根路径处理
      location = / {
          try_files /index.html =404;
      }
  

• 点击保存
• 测试

1panel中使用反代方式创建网站的建议重新创建，按照以下步骤：

• 1panel面板点击网站-创建网站-选静态网站
• 填入域名或ip+端口点击确认
• 点击新创建的网址进入-点击配置文件
• 按照以下示例填入配置文件内容
• <域名>为第2步所用的域名，后续新增域名直接在面板添加即可
• 反代直接在配置文件写好了，不需要在面板开反代，不需要在面板开反代，不需要在面板开反代

server {
    listen 80;
    server_name <域名>;

    # 日志配置
    access_log /www/sites/<域名>/log/access.log main;
    error_log /www/sites/<域名>/log/error.log;
    location ^~ /.well-known/acme-challenge {
        allow all;
        root /usr/share/nginx/html;
    }

    # 根路径，提供静态的 index.html
    location = / {
        root /www/sites/<域名>/index;
        try_files /index.html =404;
    }

    # 所有其他路径，反向代理到端口 3000
    location / {
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Host $server_name;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_pass http://localhost:<需要反代的端口>;
    }

    # 404 错误页面
    error_page 404 /404.html;

    # 提供 404 页面的位置（可选，根据需要配置）
    location = /404.html {
        root /www/sites/<域名>/index;
        internal;
    }
}

• 删掉原有的index.html和404.html文件，上传压缩包到对应文件夹
• 解压
• 测试