Node.js 后端JS传递资料给前端JS

我某一页 ROUTER 长这样(Express+PUG 前端)

router.get('/', function(req, res) {
    res.render('abc', {
       x:"test",
	   y:"cool"
    });
});

前端 PUG 用 #{x} , #{y}可以取值但是前端Javascript抓不到x,y因此无法做进一步操作想请问如何从后端pass给前端JS用? (我目前做法很多馀，我将x,y传入PUG input value，再用JS抓前端这行input的class或id 的value 再去做操作，再将此input hidden) 谢谢

hyj1991 1楼•5 年前

<script>
  var x = "#{x}";
  var y = "#{y}"
</script>

yesggdd 2楼•5 年前作者

@hyj1991 这样console.log(x) 出来是’#{x}’ ,不是test

yesggdd 3楼•5 年前作者

@hyj1991 哦哦如果SCRIPT跟HTML写在同一页这样可以,但我想要分开写,用<script src="/javascripts/index.js" type=“text/javascript”></script> 另外打的话这样就会变’#{x}’ ,该如何解决?

zuohuadong 4楼•5 年前

模板引擎传这种方式就不要考虑了。前后端分离的方式， ajax 请求最方便。