#插件讨论# 【 app快速开发模板（uView - 理子 】请教 uni-read-pages+uni-simple-router

uni-read-pages 这样配置即可热更

const TransformPages = require('uni-read-pages')  
const {webpack} = new TransformPages()  
module.exports = {  
    configureWebpack: {  
        plugins: [  
            new webpack.DefinePlugin({  
                ROUTES: webpack.DefinePlugin.runtimeValue(() => {  
                    const tfPages = new TransformPages({  
                        includes: ['path', 'name', 'meta']  
                    });  
                    return JSON.stringify(tfPages.routes)  
                }, true )  
            })  
        ]  
    }  
}

是不是 pages.json 里配置了 "name":"logtest", 后面的程序就可以用router直接跳转了啊

如果熟悉vue-router就比较好理解这个插件，因为这个插件就是uniapp上的路由实现，用法基本相同

首先查看官方文档
https://hhyang.cn/src/router/start/quickstart.html

普通带参跳转
this.$Router.push({ path: '你的router1', query: { plan: 'private' }})

底部导航栏跳转请用
this.$Router.pushTab(...)

路由前置守卫通过 auth布尔值 判断是否校验登录
"meta": {
"auth": true
}

示例请参考我的页面的两个跳转按钮

你的代码是用的 path 去指示路径，我用的是 name 去指示跳转的路径。按你的代码改了后就是这样

//这是你写的，这一条可以运行
this.$Router.push({path: '/pages/login/login',query: {msg:'我要登录！'}});
//这一条不可运行
// this.$Router.push({name:'log-test',params:{msg:'我要登录！'}});
log-test的命名已经在 pages.json中设置了

在 router.js中的路由守卫代码有问题

呃，后来发现，重启 hbuildx就可以了。真是............见鬼了