uniapp 如何设置默认启动页

有的时候博客内容会有变动，首发博客是最新的，其他博客地址可能会未同步, 认准 https://blog.zysicyj.top

可点击链接 https://blog-1253652709.cos.ap-guangzhou.myqcloud.com//picgo/202401180921373.png 解答疑问

在 UniApp 项目中，设置默认启动页非常简单。默认启动页是应用程序启动后第一个显示的页面。你可以通过修改项目的 pages.json 文件来设置默认启动页。

以下是具体步骤：

  1. 打开项目 ：
    确保你的 UniApp 项目已经在 HBuilderX 中打开。

  2. 编辑 pages.json：
    找到项目根目录下的 pages.json 文件并打开它。

  3. 设置默认启动页 ：
    在 pages.json 文件中，你会看到一个 pages 数组，这个数组定义了应用中的页面。默认启动页是这个数组中的第一个页面。因此，你只需要将你想要设置为默认启动页的页面放在数组的第一个位置即可。

    例如，如果你想设置 pages/index/index 为默认启动页，可以这样配置：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    {
      "pages": [
        {
          "path": "pages/index/index",  // 默认启动页
          "style": {
            "navigationBarTitleText": " 首页 "
          }
        },
        {
          "path": "pages/about/about",
          "style": {
            "navigationBarTitleText": " 关于 "
          }
        }
      ],
      "globalStyle": {
        "navigationBarTextStyle": "black",
        "navigationBarTitleText": "UniApp",
        "navigationBarBackgroundColor": "#FFFFFF",
        "backgroundColor": "#FFFFFF"
      }
    }

  4. 保存并运行 ：
    保存 pages.json 文件，然后重新运行你的项目。你会发现应用启动后显示的第一个页面就是你在 pages.json 中配置的第一个页面。

通过以上步骤，你可以轻松设置 UniApp 项目的默认启动页。如果你有其他自定义需求，也可以在 pages.json 中进行相应的配置。希望这些信息对你有所帮助！