Node.JS Express渲染HTML,变成显示源码 问题及解决

Node.JS渲染HTML变成显示源码问题及解决

问题

当使用Node.JS Express服务器渲染HTML页面的时候,本应该渲染出HTML页面,结果显示出了HTML的源码:
《Node.JS Express渲染HTML,变成显示源码 问题及解决》

HTML EJS引擎渲染

在生成的express工程中,默认使用jade模板渲染HTML页面,但其方式与日常的HTML相差甚远。因此作者使用EJS作为HTML的渲染引擎,
当然,先安装ejs:

npm install ejs

在app.js中声明渲染方式:

var express = require('express');
var path = require('path');
var ejs = require('ejs');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, '/src/views'));
app.engine('html', require('ejs').__express);  
app.set('view engine', 'html');
// app.set('view engine', 'jade');

详细了解以上EJS模板调用的原理,可以简单看一下以下链接
Express使用html模板

解决渲染HTML失败问题

经过ejs模板渲染之后,但,在渲染的过程中:

var express = require('express');
var router = express.Router();

/* GET page. */
router.get('/*', function(req, res, next) {
  res.render('index');
});

module.exports = router;

就出现了HTML渲染失败的问题。
解决方法为:添加服务器返回渲染的type值res.type('html');

var express = require('express');
var router = express.Router();

/* GET page. */
router.get('/*', function(req, res, next) {
  res.type('html');
  res.render('index');
});

module.exports = router;

以上这个方法来源于:nodejs为什么把页面全部变成了源码在浏览器上显示

连接中楼主说无效,可能再进一步的步骤如下:
还有很多人说,添加以后还是不能正确渲染,那么主要是因为浏览器缓存的问题,接下来清除浏览器缓存:

在Chrome中

ctrl+shift+delete

清除所有浏览器缓存,再次刷新页面,即可:
《Node.JS Express渲染HTML,变成显示源码 问题及解决》

DONE!

    原文作者:传染病问题
    原文地址: https://blog.csdn.net/u011481543/article/details/79696565
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞