express.js 公用文件夹未被识别

Question

I have developed a simple server in Node.js using Express and I have set the public folder to serve static files.我使用 Express 在 Node.js 中开发了一个简单的服务器，并且我设置了public文件夹来提供 static 文件。

In my root index.js , I have the following code:在我的根index.js中，我有以下代码：

const express = require('express');
const app = express();
const http = require('http').Server(app);
const fs = require('fs');

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

app.get('/', (req, res) =>  {
    res.sendFile(__dirname + '/public/index.html'); 
});

http.listen(3000, () => console.log('started server on *:3000'));

And the directory structure is:目录结构是：

root 
|---index.js
|---package.json
|---public
|   |---index.html
|   |---cs
|   |   |---index.css
|   |---js
|   |   |---index.js

In the index.html in the public folder, I have the following code:在public文件夹中的index.html中，我有以下代码：

<head>
    <script src="js/index.js"></script>
    <link rel="stylesheet" src="css/index.css" type="text/css" >
</head>

But no CSS is being rendered.但是没有呈现 CSS。 How can I resolve this?我该如何解决这个问题？

Answer 1

Try changing this:尝试改变这个：

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

To this:对此：

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

Answer 2

Replace src attribute in link tag to href .将link标签中的src属性替换为href 。 If this doesn't work then try below solution.如果这不起作用，请尝试以下解决方案。

I'm considering your server is running on http://localhost:3000/我正在考虑您的服务器正在http://localhost:3000/上运行

So update the url in src of your index.html in public folder by appending with the base url as I did below.因此，通过附加基础index.html在公共文件夹中的 index.html 的src中更新 url，如下所示。

<head>
    <script src="http://localhost:3000/js/index.js"></script>
    <link rel="stylesheet" href="http://localhost:3000/css/index.css" type="text/css" >
</head>

express.js 公用文件夹未被识别

问题描述

2 个解决方案

解决方案1
1 2021-04-04 06:59:53

解决方案2
1 已采纳 2021-04-04 12:16:59

express.js 公用文件夹未被识别

问题描述

2 个解决方案

解决方案1 1 2021-04-04 06:59:53

解决方案2 1 已采纳 2021-04-04 12:16:59

解决方案1
1 2021-04-04 06:59:53

解决方案2
1 已采纳 2021-04-04 12:16:59