我无法在views文件夹中公开访问我的css和js文件到我的index.hbs

Question

我正在尝试从视图文件夹中的 index.hbs 访问公共文件夹中的 css 和 js 文件。

index.js 文件：

        const express = require('express')
        const path = require('path')
        // const hbs = require('hbs')
        const app = express()
        const port = 3000

        // const stat = path.join(__dirname, '../public')

        // app.use(express.static(stat))
        app.set('view engine' ,'hbs');
        app.set('/' ,path.join(__dirname, '/views'));


         app.get('/', (req, res) => {
          res.render('index', {})
          })
          app.get('/', (req, res) => {
          res.send("Hello")
          })

         app.listen(port, () => {
        console.log(`Example app listening at http://localhost:${port}`)
        })

index.hsb中css和JS的链接：

<link rel="stylesheet" href="css/style.css">
<script src="javascript/main.js"></script>

文件夹结构

Answer 1

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

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

2。文件夹结构

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

3.以这种方式导入

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

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

您现在应该可以访问 css 或任何文件了