uniapp实战案列

npm i uni-read-pages
npm i uni-simple-router

先安装依赖

vue.config.js配置

const TransformPages = require('uni-read-pages')
const tfPages = new TransformPages()
module.exports = {
    configureWebpack: {
        plugins: [
            new tfPages.webpack.DefinePlugin({
                ROUTES: JSON.stringify(tfPages.routes)
            })
        ]
    }
}

router/index.js配置

import {RouterMount,createRouter} from 'uni-simple-router';
const router = createRouter({
    platform: process.env.VUE_APP_PLATFORM,  
    routes: [
        ...ROUTES,
    ]
});
//全局路由前置守卫
router.beforeEach((to, from, next) => {
    console.log(to)
    let token = uni.getStorageSync("token")
    console.log(token)
    next();
});
// 全局路由后置守卫
router.afterEach((to, from) => {
    console.log('跳转结束')
})

export {
    router,
    RouterMount
}

目录结构：

├─.hbuilderx
├─.vite
│  └─deps
├─common
│  ├─config
│  └─http
├─node_modules
│  ├─uni-read-pages
│  └─uni-simple-router
│      ├─.github
│      │  └─ISSUE_TEMPLATE
│      ├─dist
│      ├─src
│      │  ├─app
│      │  ├─applets
│      │  ├─component
│      │  ├─H5
│      │  ├─helpers
│      │  ├─options
│      │  └─public
│      ├─test
│      └─webpack
├─pages
│  ├─index
│  ├─login
│  ├─story
│  └─year
├─router
├─static
├─uni_modules
│  └─zhouWei-request
│      └─js_sdk
│          └─request
│              ├─core
│              └─upload
└─unpackage
    └─dist
        └─dev
            ├─.automator
            │  └─app-plus
            ├─.nvue
            └─app-plus
                └─static

代码托管