问题演示
当前有两个路由：
'GET /tanda/:productKey': async (ctx, next) =>{
ctx.render('tanda.html');
},
'POST /tanda/': async (ctx, next) =>{
ctx.render('tanda.html');
}
tanda.html 里面都有一个调用静态资源的 link
<link href="static/css/style.css" rel="stylesheet" type="text/css">
第一个路由请求的网址实际是:
tanda/static/css/style.css
第二个路由请求的网址实际是:
static/css/style.css
所以只有第二个可以访问到静态资源。
原因
/ 、 /tanda 、/static 同级，但是 /tanda/:productKey 是 / 的下级。
解决方案
静态资源最好写成绝对路径：
<link href="/static/css/style.css" rel="stylesheet" type="text/css">
网友评论