Почему CSS-файл отменен? - PullRequest
       3

Почему CSS-файл отменен?

0 голосов
/ 19 февраля 2019

Я делаю простой проект узла для практики, но мне не удается обработать HTML-файл с его стилями CSS.Я задавал тот же вопрос раньше на SO, но я не упомянул, что состояние файла CSS "отменено" в инструментах разработчика.Когда я редактировал его, никто не ответил, почему он отменен, поэтому я хочу, чтобы кто-то помог мне с этим.Это сводит меня с ума.Вот мой код app.js: app.use ("/ signup", express.static ("public"));

app.get("/", (req, res)=>{
 res.send("Welcome to our website");
});

app.get("/signup", (req, res)=>{
 res.sendFile(`${__dirname}/index.html`)
})

Вот мой HTML-код:

<head>
    <title>testapp</title>
    <link href="./public/styles.css" type="text/css" rel="stylesheet"/>
</head>
<body>
    <form method="post" action="/signup">
        <input type="text" placeholder="*First Name" required></input>
        <input type="text" placeholder="*Last Name" required></input>
        <input type="number" placeholder="*Age" required></input>
        <input type="email" placeholder="*Email" required></input>
        <input type="submit" value="Submit" required></input>
    </form>
</body>

Когда я удаляю метод get из «/ signup» и помещаю свой index.html в публичный каталог при обновлении ссылки на css, он работает просто отлично, но я не хочу, чтобы он находился в маршруте «/».А также при открытии файла index.html без localhost, он работает нормально.Я искал об этом и нашел кого-то, у кого была такая же проблема, о которой спрашивали на SO, я думаю, что ответы не верны в моем случае, я не уверен, и я не очень хорошо понял. Что делаетстатус = отменен для ресурса означает в инструментах разработчика Chrome? .

Заранее спасибо.

1 Ответ

0 голосов
/ 19 февраля 2019

Прочтите документацию о статическом обслуживании здесь: https://expressjs.com/en/starter/static-files.html

Вам не нужно указывать /public в вашей ссылке css;просто сделайте следующее:

<link href="/styles.css" type="text/css" rel="stylesheet"/>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...