uni-app https://tongji.dcloud.net.cn/home页面刷新报错

在 uni-app 开发过程中，如果你访问 https://tongji.dcloud.net.cn/home 页面时遇到刷新报错，可能是由于以下原因导致的：

1. 路由模式问题：

   • uni-app 默认使用的是 hash 路由模式，而 https://tongji.dcloud.net.cn/home 可能使用的是 history 路由模式。当你在 history 模式下刷新页面时，服务器可能无法正确找到对应的资源，从而导致 404 错误。
   • 解决方法：如果你使用的是 uni-app 的 H5 项目，可以尝试在 manifest.json 中配置路由模式为 history，并确保服务器配置正确支持 history 模式。

2. 服务器配置问题：

   • 如果你的应用部署在服务器上，刷新页面时服务器可能无法正确解析路由路径，导致 404 错误。
   • 解决方法：确保服务器配置了正确的重定向规则，将所有请求重定向到 index.html，以便前端路由能够正确处理。

3. 静态资源路径问题：

   • 如果你的项目使用了相对路径或绝对路径来引用静态资源，刷新页面时可能会导致资源路径解析错误。
   • 解决方法：确保静态资源的路径配置正确，或者使用 publicPath 来配置资源的基础路径。

4. 跨域问题：

   • 如果你在开发环境中访问 https://tongji.dcloud.net.cn/home，可能会遇到跨域问题。
   • 解决方法：配置代理服务器来解决跨域问题，或者确保目标服务器允许跨域访问。

5. 页面组件加载问题：

   • 刷新页面时，某些组件可能没有正确加载，导致页面报错。
   • 解决方法：检查页面组件的生命周期钩子（如 onLoad、onShow 等），确保在页面刷新时组件能够正确初始化。

示例：配置 history 路由模式

如果你使用的是 uni-app 的 H5 项目，可以在 manifest.json 中配置路由模式为 history：

{
  "h5": {
    "router": {
      "mode": "history"
    }
  }
}

示例：Nginx 服务器配置支持 history 模式

如果你使用的是 Nginx 服务器，可以添加以下配置来支持 history 模式：

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