CSS 和 JS 未加载到 Node.js 服务器上

Question

我刚刚开始学习 Node.js，我写了这样一个最简单的服务器：

 // workspace const p = document.querySelector('p'); p.textContent = 'aleluja';

 html { font-size: 10px; } body { font-size: 2rem; }

 <!DOCTYPE html> <html lang="pl"> <head> <meta charset="utf-8"> <title>Go go go</title> <link href="sheet1.css" rel="stylesheet"> <script src="main.js" async></script> </head> <body> <p>something</p> </body> </html>

和服务器：

 const http = require('http'); const fs = require('fs'); const hostname = '127.0.0.1'; const port = 3000; fs.readFile('index.html', (err, html) => { if (err) { throw err; } const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-type', 'text/html'); res.write(html); res.end(); }); server.listen(port, hostname, () => { console.log('started'); }); })

我的问题是我第一次运行这段代码时效果很好 - css 和 js 加载没有问题。 但后来我同时在同一台服务器上试验 PHP 和 Node.js（使用 nginx）。 我失败了，因为我不需要太多（只是为了好玩）我放弃并更改了所有更改以实现此目标设置（例如 nginx-conf 中的端口）。 然后，在尝试再次运行此代码后，它不会加载 sheet1.css 和 main.js。 为什么会这样？ 我把所有设置都恢复到默认状态了吗？

感谢您的回答。

Answer 1

这是您的服务器逻辑：

 const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-type', 'text/html'); res.write(html); res.end(); });

浏览器请求/ ，服务器给它html变量的值。

浏览器请求/sheet1.css ，服务器给它html变量的值。

浏览器请求/main.js ，服务器给它html变量的值。

需要注意req对象中的URL，给浏览器它要求的东西，而不是不管要求什么就盲目发送html 。

请注意，您还需要设置正确的Content-Type响应标头。

（您可能还应该避免重新发明轮子并使用专为此设计的Express.js及其静态模块）。

我的问题是我第一次运行这段代码时效果很好 - css 和 js 加载没有问题。

这不可能发生。 可能您从file: URL 加载了index.html并完全绕过了服务器。

CSS 和 JS 未加载到 Node.js 服务器上

问题描述

1 个解决方案

解决方案1
0 已采纳 2019-05-11 18:38:47

CSS 和 JS 未加载到 Node.js 服务器上

问题描述

1 个解决方案

解决方案1 0 已采纳 2019-05-11 18:38:47

解决方案1
0 已采纳 2019-05-11 18:38:47