我正在嘗試從視圖檔案夾內的 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>
檔案夾結構
uj5u.com熱心網友回復：
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 或任何檔案
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/322887.html