uni-app 中pages.json pages

little little little

于 2022-04-13 12:44:14 发布

阅读量474

点赞数

CC 4.0 BY-SA版权

文章标签：前端

本文链接：https://blog.youkuaiyun.com/abcdebb/article/details/124145356

uni-app的pages.json用于定义应用的页面结构，pages数组中每一项对应一个页面，首项为入口页。例如：index/index.vue和login/login.vue。了解详情可查阅官方文档。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uni-app 通过 pages 配置应用由哪些页面组成，pages 节点接收一个数组，数组每个项都是一个对象
pages节点的第一项为应用入口页（即首页）

开发目录
┌─pages

│ ├─index
│ │ └─index.vue

│ └─login
│ └─login.vue

├─static

├─main.js

├─App.vue

├─manifest.json

└─pages.json

//pages.json 文件对应代码
{
    "pages": [
        {
            "path": "pages/index/index", 
            "style": { ... }
        }, {
            "path": "pages/login/login", 
            "style": { ... }
        }
    ]
}

官方文档https://uniapp.dcloud.io/collocation/pages.html#pages