@NZCoder

Как подключить css файл?

Вообщем все не как не могу подключить css файл если зайду в консоль разработчика то выбьет эти 2 ошибки:
Failed to load resource: the server responded with a status of 404 (Not Found)
Failed to load resource: the server responded with a status of 404 (Not Found)


А теперь сурсы:
server.js:
// server.js
const express           = require("express");
const db                = require("./config/db");
const MongoClient       = require("mongodb").MongoClient;
const bodyParser        = require("body-parser");
const ejs               = require("ejs");
const colors            = require("colors");
const app               = express();
const port              = 8000;

app.set("view engine", "ejs")
app.use(express.static(__dirname + "static/public"));

mongoClient = new MongoClient(db.url, { useUnifedTopology: true });
app.use(bodyParser.urlencoded({ extended: true }));

app.listen(port, () => {
    console.log(`Server has been started on port ${port}...`.green)
})

mongoClient.connect(function(err, client) {
    
    if (err) {
        return console.log(err);
    }
    else {
        console.clear();
        console.log("Server has been connected to database!".green);
    }

    const maindb = client.db("maindb")
    const collection = maindb.collection("users")

    require("./app/routes/")(app, maindb, collection) // здесь у нас require идет от index.js

})


index.js:
const Routes = require("./routes.js");
module.exports = function(app, db, collection) {
    Routes(app, db, collection);
};


routes.js:
const { ObjectID } = require("bson");

module.exports = function(app, db, collection) {

    app.get('/', function(req, res) {
        res.render("pages/index");
    });

    app.post("/post/add", (req, res) => {
        const post =  {name: req.body.name, password: req.body.password}

        collection.insertOne(post)
        
        res.send(post)
    });

    app.get("/post/view/:id", function(req, res) {
        const id = req.params.id;
        const details = {'_id' : new ObjectID(id)};

        collection.findOne(details, (err, item) => {
            if (err) {
                return console.log(err)
            }
            else {
                res.send(item)
            }
        })

    });

    app.get("/post/remove/:id", function(req, res) {
        const id = req.params.id;
        const details = {'_id' : new ObjectID(id)};

        collection.deleteOne(details, (err, item) => {
            if (err) {
                return console.log(err)
            }
            else {
                res.send("Post has been deleted!")
            }
        })

    });

    app.put ('/post/update/:id', (req, res) => {
        const id = req.params.id;
        const details = { '_id': new ObjectID(id) };
        const note = { name: req.body.name, password: req.body.password };
        collection.update(details, note, (err, result) => {
          
            if (err) {
              console.log(err)
            }
            
            else {
              res.send("Post has been updated!");
            } 

        });

      });

      app.use(function (req, res) {
          res.status(404)
          res.send("404: Not Found Error")
      })

};


Пишите пожалуйста любые возможоные ответы
  • Вопрос задан
  • 81 просмотр
Пригласить эксперта
Ответы на вопрос 1
delphinpro
@delphinpro
frontend developer
Вы странный. У вас файл не подключается, а вы говорите, что все правильно. Не подключается – значит не правильно.
Вероятно, express/node здесь вообще не при чём.
У вас либо сервер сконфигурирован неверно. Либо указан неверный путь подключения файла.

Меня смущает наличие public в пути. Но это догадки. Обычно public является корнем веб-сервера и не участвует в url
Второе, незачем использовать относительные пути. Указывайте абсолютный

/public/css/main.css

или, вероятнее (опять же догадка)

/css/main.css
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы