Node.js路由地址问题：点击Add Post按钮出现Cannot GET错误

我使用express-handlebars配置路由，网站带有导航栏。之前进入addpost页面后点击其他链接会出现类似Cannot Get /xxx/xxx的错误，发现普通路由都是单层级（如/blog、/contact等），但Add Post路由为/posts/new。

路由代码（mainrouter.js） #

router.get("/contact" , (req,res) => {
    res.render("./site/contact")
})
router.get("/login" , (req,res) => {
    res.render("../views/site/login")
})
router.get("/register" , (req,res) => {
    res.render("./site/register")
})
router.get("/posts/new" , (req,res) => {
    res.render("./site/addpost")
})

导航栏代码 #

<li class="nav-item">
    <a class="nav-link" href="about">About</a>
</li>
<li class="nav-item">
    <a class="nav-link" href="blog">Blog</a>
</li>
<li class="nav-item">
    <a class="nav-link" href="posts/new">Add Post</a>
</li>
<li class="nav-item">
    <a class="nav-link" href="contact">Contact</a>
</li>

补充：我已解决了之前的通用问题，但现在仅点击Add Post按钮时仍会出现该错误。

内容的提问来源于stack exchange，提问作者metkopetru