добавить css с express и node js - PullRequest
1 голос
/ 20 января 2020

Пожалуйста, помогите мне, поскольку я пытаюсь добавить файл css в течение всего дня и всегда терпеть неудачу приложение. js код:

    var express = require("express");
var app = express();
var path = require('path');

app.set('view engine', 'ejs');

app.set('views', '../node_modules/express/views/');




app.use(express.static('public'));



app.get("/",function(req,res){


     console.log("welcome");
    res.render("test");

});



app.listen(3000,function(){
    console.log("connected")   
});

test.e js код:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
    <!--    <link type="text/css" href="app.css">-->
<!--    <link href="/public/app.css" rel="stylesheet" type="text/html">-->
<!--    <link  type="text/css" href="/public/app.css">-->
<!--    <link rel="stylesheet" type="text/css" href="/app.css" >-->

<link rel="Style" type="text/css" href="/app.css" >
</head>
<body>
    <h1>here</h1>

</body>

css код:

body{
    background-color: green;
}

структура сервера: root -> publi c -> app. css

я также столкнулся с ошибкой: был заблокирован из-за несоответствия типа MIME («text / html») (X-Content-Type-Options: nosniff). но я решил и попробовал множество способов изменить путь и сохранить его в одной папке с ejs заранее спасибо

Ответы [ 3 ]

0 голосов
/ 20 января 2020

в вашем приложении. js

app.use(express.static(__dirname + '/public'));
app.use('/public', express.static(__dirname + '/public'));
0 голосов
/ 21 января 2020

Хорошо, ребята, спасибо всем, но решение было просто добавить ../ перед публикацией c

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

, так как express искал publi c внутри папки на сервере, которая имеет приложение. js

0 голосов
/ 20 января 2020

В приложении. js:

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

В ejs / html:

<link rel="stylesheet" href="/css/index.css">

Обслуживание данных c файлов в Express

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...