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

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

问题

当使用Node.JS Express服务器渲染HTML页面的时候，本应该渲染出HTML页面，结果显示出了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

清除所有浏览器缓存，再次刷新页面，即可：

DONE！