javascript - 脚本src通过nodejs+express变成jade中的url

Question

我正在使用 Nodejs + Jade 开发一个 Web 应用程序。

我想将一个js文件包含到我的jade页面中。但它并没有像我想象的那样工作。

我包含三个js文件:

script(src='//cdn.bootcss.com/jquery/1.11.3/jquery.min.js')
script(src='//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js')
script(src="async.js")

前两个效果很好(引导文件)。但浏览器会在第三个“GET http://127.0.0.1:3000/sample/auth/async.js 404 (Not Found)”处声明。似乎有些东西将 src 更改为基本 url“http://127.0.0.1:3000/sample/auth/”的 url

“127.0.0.1”是本地主机，端口“3000”是服务器正在监听的端口，“http://127.0.0.1:3000/sample”是我的Web应用程序的入口。

所以我猜项目中有一个配置可以强制 src 成为这样的 url。而且我不知道如何包含本地js文件。有人可以帮忙吗？谢谢!

Answer 1

您应该将 async.js 放入 Express 应用的 /public/scripts 中。您可能需要创建此目录，但您会看到应用的本地 CSS 文件位于 /public/stylesheets 中。

完成此操作后，请引用您的 async.js 文件，如 script(src='/scripts/async.js')。

这是提供本地 CSS 和 JavaScript 的首选方法。您可以在 app.js 中看到 Express 会在那里查找任何静态资源。

app.use(express.static(path.join(__dirname, 'public')));