无法在 node.js 中获取/

Question

我正在关注这个http://www.expertphp.in/article/user-login-and-registration-using-nodejs-and-mysql-with-example链接

我得到一个 cannot GET/ 错误，我已经尝试了所有的 stackoverflow 答案，但没有得到解决。

var express=require("express");
var bodyParser=require('body-parser');
var app = express();
var authenticateController=require('./controllers/authenticate-controller');
var registerController=require('./controllers/register-controller');
app.use(bodyParser.urlencoded({extended:true}));
app.use(bodyParser.json());
/* route to handle login and registration */
app.get('/', function (req, res) {
    res.render('index', {});
  });
app.post('/api/register',registerController.register);
app.post('/api/authenticate',authenticateController.authenticate);
app.listen(8012);

这是我当前的代码

Answer 1

据我了解，您正在尝试在路径 / 处发送 index.html。这很好，但不要为此使用render。只需发送index.html：

// replace this
app.get('/', function (req, res) {
  res.render('index', {});
});
// by this
app.get('/', (req, res) => res.sendFile('full/path/to/index.html'))

有用的链接：

• Express doc on res.render
• Express doc on res.sendFile

Answer 2

你有两种方法：

1) 读取index.html 内容并在根网址提供：

const fs = require('fs');

const indexFileContent = fs.readFileSync('path/to/index.html'); // caching file content to variable, to avoid re-reading it
app.get('/', (req, res) => {
  res.send(indexFileContent);
});

2) 也将ejs 渲染器定义为.html 文件渲染器：

const path = require('path');
const bodyParser = require('body-parser');
const express = require("express");
const app = express();

app.set('views', path.join(__dirname, 'views'));
app.set('view engine','ejs'); // make sure You've installed ejs:  npm i --save ejs
app.engine('ejs', require('ejs').renderFile);
app.engine('html', require('ejs').renderFile); // defining html renderer engine

app.use(bodyParser.urlencoded({extended:true}));
app.use(bodyParser.json());


app.get('/', (req, res) => res.render('index'));


// API controllers
const AuthController = require('./controllers/authenticate-controller');
const RegistrationController = require('./controllers/register-controller');

// API endpoints
app.post('/api/authenticate', AuthController.authenticate);
app.post('/api/register', RegistrationController.register);

app.listen(8012);

利弊：

1-st 示例将简单地读取 index.html 一次 到 variable 并提供该内容，但需要重新启动应用才能重新读取该文件。

2-nd 示例使用 views 文件夹中的 .html 文件作为 ejs 文件，这给了 机会 来传递 变量 到 html 文件，它更好 比简单地发送文件，+ 您可以使用 <% include partials/header.ejs %>

将一个 html 包含在另一个 html 中