下一个 js 路由-浅答案

【问题标题】：Next js routing-shallow下一个 js 路由-浅
【发布时间】：2020-12-10 19:13:22
【问题描述】：

帮帮我․․․我使用next js，浅路由...这两个代码来自两个不同的页面...我想在不渲染的情况下更改页面...第一个可以工作，但是第二个不工作...有什么问题吗在路径名中...

const showFileType = async () => {
        await setFileType(type)

        await router.push({
            pathname: '/all-files',
            query: {
               
                fileType: type
            }
        }, undefined, {shallow: true})
    }


const showAuthorImageType = async () => {
        await setAuthorImageType(type)
        await router.push({
            pathname: `/authors/${router.query.author}`,
            query: {
               
                authorImageType: type
            }
        }, undefined, {shallow: true})
    }

【问题讨论】：

标签： routes next.js

【解决方案1】：

浅层路由仅适用于同一页面的 URL 更改。例如，假设我们有另一个名为 pages/about.js 的页面，您运行以下代码：

router.push('/?counter=10', '/about?counter=10', { shallow: true })

由于这是一个新页面，它会卸载当前页面，加载新页面并等待数据获取，即使我们要求进行浅层路由。

【讨论】：