快遞服務靜態HTML引用的JS文件

Question

我在我的節點項目中的以下文件夾結構（使用節點的WebPack和快速）：

• dist/（含.js文件夾中的文件）
• views/（文件夾包含靜態HTML文件引用的.js在上述DIST夾中的文件）

中的index.html（位於上述views文件夾）文件包含以下：

<script type="text/javascript" src="../dist/test.js" ></script> 

在app.js因爲我通過以下方式服務於靜態的.html頁面的節點應用：

router.get('/setup', function(req, res){ 
    res.sendFile(path.join(__dirname, './views/index.html')); 
}); 

的問題是，html的正確呈現，但無法找到它引用的.js文件。我該如何解決？

Answer 1

使用此src="./dist/test.js" instead of src="../dist/test.js"。可能這將是問題

Answer 2

內，您的app.js文件中添加一行：

app.use('/source/', express.static(__dirname + '/path_to_js_folder')); 

和修改< script>標記爲：

<script type="text/javascript" src="/source/test.js" ></script> 

Answer 3

你可以做以下 -

app.use(express.static('dist')); 
router.get('/setup', function(req,res) { 
    res.sendFile(__dirname + '/views/hello.html'); 
}) 

而在你的html文件中只是做到這一點 -

<script type="text/javascript" src="test.js" ></script>