Javascript 节点和快速路由，相对路径

正在遵循下面关于学习节点的教程。

在文件api.js中设置这样的路由

router.get('/hero',function(req,res,next){

    sh.find(function(err,hero){

        console.log(sh);
        res.render('api', {title: 'Superhero API', hero : hero});
    });

});

以及查看api.html

<form method="post" action="/api/hero" class="form-inline">
        <div class="form-group">
        <label>Superhero name</label>
        <input type="text" name="name" class="form-control" required>
      </div>
      <button type="submit" class="btn btn-default">Save</button>
    </form>


    <hr><br>

    <h2>All Superheros</h2>

    <ul>
    {%  for h in hero %}
      <li> <a href="hero/{{h.id}}">{{ h.name}} </a></li>
    {% endfor %}
    </ul>
  </div>

超级英雄名字
拯救


超级英雄

{hero%%中h的%s}

{%endfor%}

视图的第一部分是输入新英雄的表单。底部是显示人员列表

我怀疑的是链接。链接是

a href=“hero/{{{h.id}}>

。这将链接到

/api/hero/：id.

这是如何做到的？在同一页中，对于表单，我必须输入完整路径，如

action=“/api/hero”

这里的路由是如何工作的，或者有什么区别