快递服务静态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>