在Node.js项目中包含.css和.js文件

时间:2016-07-21 19:30:37

标签: javascript angularjs node.js express

我使用Node.js和Angular.js构建一个基于Express框架的简单Web应用程序,当我尝试上传.Wrap = wdFindStop文件时,收到以下错误消息:

.css

server.js

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

的index.html

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);

我的项目具有以下结构:

Project structure

1 个答案:

答案 0 :(得分:3)

要提供静态文件(如图像,CSS文件和JavaScript文件),请使用Express中的express.static内置中间件功能。

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

现在,您可以加载公共目录中的文件:

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

以下是提供静态资源的official documentation page