表达服务静态html引用js文件

Question

我的节点项目中有以下文件夹结构（使用node，webpack和express）：

• <code>（包含.js文件的文件夹）
• dist/（包含静态.html文件的文件夹，引用上述dist文件夹中的.js文件）

index.html（位于上述views/文件夹中）文件包含以下内容：

views

在节点应用程序的app.js中，我按以下方式提供静态.html页面：

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

问题是.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'));

并修改你的＆lt;脚本＆gt;标记为：

<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>