Node.js正在加载css

时间:2017-11-20 20:39:27

标签: css node.js

我的文件夹:

server.js
index.html
-public
 --css
  --ses.scss
  --style.css

服务器js:

var express = require('express');
    var path = require('path');
    var publicPath = path.resolve(path.join(__dirname, 'public'));
    var app = express();
    var http = require('http').Server(app);
    var fs = require('fs');

    app.use(express.static(path.join(__dirname, 'public')));
    app.get('/', function (req, res) { 
        res.sendfile('./index.html');

    });
http.listen(3000, function () {
    console.log('listening on *:3000');
});

的index.html:

<link rel="stylesheet" type="text/css" href="/public/css/ses.scss">
<link rel="stylesheet" type="text/css" href="/public/css/style.css">

当我使用没有服务器的谷歌浏览器打开index.html时CSS工作。当我使用node.js时,CSS没有加载。

2 个答案:

答案 0 :(得分:1)

express.static()直接在根目录中提供其文件夹的内容

因此,public/不属于网址。

答案 1 :(得分:0)

节点:

app.use("/css",express.static(path.join(__dirname, 'public/css')));

css:

<link rel="stylesheet" type="text/css" href="/css/ses.scss">
<link rel="stylesheet" type="text/css" href="/css/style.css">