Включите файлы .css и .js в проект Node.js

Question

Включите файлы .css и .js в проект Node.js

0

Я использовал Node.js и Angular.js для создания простого веб-приложения на основе Express, когда я пытаюсь загрузить файл .css, я получил следующее сообщение об ошибке:

"The stylesheet was not loaded because its MIME type, "text/html" is not "text/css"

server.js

var express = require('express');
var app = express();
var bodyParser = require('body-parser');
var pg = require('pg');
var jwt = require('jsonwebtoken'); // create, sign and verify tokens
var morgan = require('morgan');
// Application front end
app.get('*',function(req,res){
  res.sendfile('./public/index.html')
})
app.listen(port);
console.log('LogAnalysisWebApp happens on port '+port);

index.html

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <title>Log Analysis Web APP</title>
    <link rel="stylesheet" type="text/css" href="/public/stylesheets/style.css">
  </head>
  <body>
    <h1>Text Example</h1>
  </body>
</html>

Мой проект имеет следующую структуру:

Aissa El Ouafi 21 июль 2016, в 22:28

Источник

Теги:

javascript

angularjs

node.js

express

1 ответ

Ещё вопросы

Timur · Accepted Answer · 2016-07-21T17-51-00.000Z

Чтобы обслуживать статические файлы, такие как изображения, файлы CSS и файлы JavaScript, используйте встроенную функцию промежуточного программного обеспечения express.static в Express.

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

Теперь вы можете загрузить файлы, которые находятся в общем каталоге:

http://www.domain.com/stylesheets/style.css

Вот официальная страница документации по обслуживанию статических ресурсов.