Question

我一直很好，直到我尝试将我的代码分成路由，控制器等。现在我在尝试加载html文件时遇到错误。当我转到http://localhost:3000/链接时，我收到此错误错误：ENOENT：没有此类文件或目录，stat'/views/index.html'

这是我的routes.js代码

module.exports = function (app) {
    var userController = require('../controllers/userController');

    // app.use(require('express').static('../app/views/index.html'));

    app.get('/', userController.renderHomePage);

    app.post('/find', userController.getUser);
    app.get('/get', userController.getUsers);
    app.post('/add', userController.addUser);
}

这是我的userController.js文件

var mongoose = require('mongoose');
var User = require('../models/user');

var express = require('express');

var app = express();
app.use(express.static('../app'));

exports.renderHomePage = function (req, res) {
    res.sendFile('/views/index.html');
}

exports.addUser = function(req,res){
    console.log(req.body);

    var newUser = new User({
        name : req.body.name,
        username : req.body.username,
        password : req.body.password
    });

    newUser.save(function(err){
        if(err){
            console.log(err);
        }
        else{
            console.log("User Saved successfully");
        }
    });

    res.send(req.body);
};

exports.getUsers = function (req, res) {
    // body...
    User.find({}, function(error, users){
        if(error){
            console.log(error);
        }
        else{
            res.send(users);
        }
    })
};

exports.getUser = function (req, res) {
    // body...
    console.log(req.body);
    var data = req.body.username;

    User.find({username : data}, function(err, user){
        if(err){
            throw err
        }
        else{
            console.log(user);
            res.send(user);
        }
    } );
};

这是我的server.js

var express = require('express');
// var mongoose = require('mongoose');
var bodyParser = require('body-parser');
var PORT = process.env.PORT || 3000;

var app = express();

var routes = require('./api/routes/routes');
routes(app);

var database = require('./config/database');

app.use(bodyParser.json());

app.listen(PORT, function(){
    console.log("Server is running on port "+PORT);
})

这是我的文件夹结构。

服务器启动时没有错误。我以为我已经正确地给出了路径。但是我收到了错误。谁能帮我这个？感谢。

编辑： 这就是我将脚本链接到html文件的方式

<script src="/script/app.js"></script>

Answer 1

以/开头的路径是绝对路径，这意味着它会根据根目录（在Windows上，类似C:\）解析，在linux上它只是{{ 1}}）。

您应该使用/模块获取相对于模块目录的文件路径，如下所示：

path

var path = require('path'); var filePath = path.join(__dirname, 'relative/path/to/file');是一个特殊的模块范围变量，它提供当前模块包含目录的路径。

Answer 2

app.use(express.static('../../app'))

尝试在userController.js文件中添加另一个'..'，只需一个..将把你放到api目录。

Answer 3

包含“路径”模块并更改

res.sendFile('/views/index.html');

到

res.sendFile(path.resolve(`${__dirname}/views/index.html`))

Answer 4

我遇到了这个问题。您正在使用res.send发送html文件，但您的脚本不在您的静态可用文件可以访问的目录中。刚看到你的编辑。通过编辑，您将接近它。更改脚本的HTML文件中的引用包括。

Answer 5

已经两个月了，你解决了这个问题吗？

如果没有，你试试那段代码：

href

您为静态功能提供的路径是相对于运行节点进程的目录。

在您的情况下，您使用 server.js 文件（位于根目录）启动服务器，因此您提供给静态功能的路径是相对于这个位置。

在nodejs服务器中提供html文件

5 个答案: