nodejs express 应用程序从 public/js 文件夹中提供静态文件不起作用

Question

我正在开发一个 nodejs express 项目。

在项目中有一个公用文件夹，其中包含许多子文件夹，如 js、css、images 等。最初从这些文件夹中提供文件是使用以下代码：

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

服务器可以使用它来提供所有请求的文件，但是服务器找不到 js 文件夹中的文件。 如果我将文件夹名称从“js”更改为其他名称，那么它可以工作。

因此，例如，如果请求的 url 是 /js/work/work.js，则服务器找不到：

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

但如果请求的 url 是 /asd/work/work.js，则会发现这一点：

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

早些时候我使用 Mac 和 Windows 进行开发，但现在我切换到 Ubuntu，然后发生了这个奇怪的事情。

Answer 1

1.在你设置的视图引擎上面的index.js中添加这个中间件

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

2.文件夹结构

|__public/   
    |__ css/
        |__ css files...
    |__ js/
        |__ js files...

3.这样导入

现在您设置公共目录的路径，您必须在导入时提供路径公共文件夹

//For CSS File
<link rel="stylesheet" href="/css/main.css" />

//For JS File
<script src="/js/script.js"></script>

您现在应该已准备好访问 CSS 或任何文件