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为默认启动页，可以这样配置：

   {
     "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中进行相应的配置。希望这些信息对你有所帮助！