uni-app 前端网页托管网站首页找不到

uni-app 前端网页托管网站首页找不到

操作步骤：

预期结果：

  • 访问的是home.html的内容

实际结果：

  • 访问的是index.html的内容

bug描述：

网站首页寻找不到

如附件所示，配置域名后,设置网站首页为home.html 404页面为 index.html
在浏览器中输入域名:kamama.com.cn后，显示的是index.html的内容。

中间有一次输入域名kamama.com.cn 访问的是home.html的内容，之后又修改路由规则，就再也没有对过了。
提示中阿里云每天只能改3次，但我这边第二天、第三天改了都没生效。

附件

Image 1
Image 2


更多关于uni-app 前端网页托管网站首页找不到的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 前端网页托管网站首页找不到的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在使用 uni-app 开发前端项目时，如果遇到网页托管后首页找不到的问题，可能是由于以下几个原因导致的。以下是一些常见的排查步骤和解决方案：

1. 检查路由配置

  • 问题：如果使用了 vue-router 或 uni-app 自带的页面路由，可能路由配置不正确，导致首页无法加载。
  • 解决方案：
    • 确保在 pages.json 中正确配置了首页路径。例如：
      {
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页"
      }
    }
  ]
}
    • 如果使用了 vue-router，确保路由配置正确，并且首页路径与托管服务器的根路径匹配。

2. 检查托管服务器的根路径

  • 问题：托管服务器可能没有正确指向项目的根目录，导致首页文件无法加载。
  • 解决方案：
    • 确保托管服务器（如 Nginx、Apache 或云服务）的根路径指向项目的 dist 目录（或打包后的输出目录）。
    • 如果是云托管服务（如阿里云、腾讯云），检查部署配置是否正确。

3. 检查打包输出路径

  • 问题：打包后的文件路径可能不正确，导致首页文件无法找到。
  • 解决方案：
    • 在 vue.config.js 或 manifest.json 中检查 publicPath 配置，确保路径正确。例如：
      module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
};
    • 如果是 H5 项目，确保打包后的 index.html 文件位于正确的位置。

4. 检查文件权限

  • 问题：托管服务器上的文件权限可能不正确，导致无法访问首页文件。
  • 解决方案：
    • 检查托管服务器上的文件权限，确保 index.html 和其他静态文件具有可读权限。

5. 检查网络请求

  • 问题：首页文件可能加载失败，或者资源文件（如 CSS、JS）路径错误。
  • 解决方案：
    • 打开浏览器的开发者工具（F12），检查网络请求，查看是否有文件加载失败。
    • 如果资源文件路径错误，调整 publicPath 或检查打包配置。

6. 检查托管服务配置

  • 问题：托管服务可能没有正确配置默认首页文件。
  • 解决方案：
    • 确保托管服务（如 Nginx、Apache）的配置中指定了默认首页文件为 index.html。例如，Nginx 配置：
      location / {
    try_files $uri $uri/ /index.html;
}

7. 检查域名和路径

  • 问题：如果使用了自定义域名或子路径，可能路径配置不正确。
  • 解决方案：
    • 确保域名和路径配置正确，例如在 vue.config.js 中设置 publicPath：
      module.exports = {
  publicPath: '/subpath/'
};
回到顶部