我无法将我的 css 和 public 中的 js 文件访问到视图文件夹中的 index.hbs

Question

我正在尝试从视图文件夹内的 index.hbs 访问 css 和 public 文件夹中的 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}`)
        })

LINK of css and JS in index.hsb:

<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。这样导入

现在您将路径设置为 public 目录，您必须在导入时提供路径 public 文件夹

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

您现在应该已全部设置好，可以访问 css 或任何文件