如何将静态文件附加到HTML文档?

时间:2018-09-18 15:51:01

标签: javascript html node.js express

我遇到了一个问题:我需要将html连接到服务器上的静态文件。我当时正坐在许多论坛上查找信息,但这没有帮助,浏览器也看不到文件。

我的server.js代码:

const https = require('https');
const routing = require('./routing');
const fs = require('fs');
var express = require('express');
var app = express();

var options = {
    key: fs.readFileSync('keys/server.key'),
    cert: fs.readFileSync('keys/server.crt')
};

app.use(express.static(__dirname + "/public"));

https.createServer(options, function (req, res) {
    var jsonString = '';
    res.setHeader('Content-Type', 'application/json');

    req.on('data', (data) => { 
        jsonString += data;
    });

    req.on('end', () => {
        routing.define(req, res, jsonString); 
    });
}).listen(3000, () => {
    console.log('Server on!');
    console.log('Port: ' + "3000");
});

和HTML代码:

<script type="text/JavaScript" src="/main.styles_and_scripts/index.js"></script> 

<link rel="stylesheet" type="text/css" href="/main.styles_and_scripts/index.css">

服务器看不到这些文件,我该怎么办?

server.js的文件树:var / www / html / nodejs / server.js,

html的文件树:var / www / html / nodejs / routing / main / index.html,

静态文件的文件树:var / www / html / nodejs / routing / public / main.styles_and_scripts / style.css(script.js)。

0 个答案:

没有答案