NOde.js/Express App找不到一些node_modules

Question

我在我的应用程序中使用了几个 Node/Express 模块，只要我这样做，每个模块都可以const module = require('module');。我不需要将这些模块的静态路径定义为app.use(express.static(path.join(__dirname, 'public')));。

但是，对于sweetalert模块，如果我在我的layout.pug(基本pug文件(script(src="/node_modules/sweetalert/dist/sweetalert.min.js")中定义，我会得到404错误(未找到(，除非我在app中包含以下静态路径.js以下静态路径：app.use("/node_modules", express.static(__dirname + "/node_modules"));。

我的问题是：这是正常行为还是我做得不对？(我有点困惑为什么我必须为我使用的几个模块之一定义一个静态路径。

Answer 1

事情是这样的：

app.use(express.static(path.join(__dirname, 'public')));声明浏览器可以访问公共目录。应将所有前端资源放在该文件夹中。这将有助于区分可以从服务器访问的内容和可以从客户端访问的内容。

当您引用script(src="/node_modules/sweetalert/dist/sweetalert.min.js")浏览器会抛出 404，因为该文件不在公共目录中，因此浏览器不受限制。

添加此行app.use("/node_modules", express.static(__dirname + "/node_modules"));"修复"您的问题，但现在会将所有node_modules暴露给浏览器。这可能不是一个好主意，我相信安全专家可以详细说明为什么不应该这样做。

我将如何解决这个问题：浏览您的.pug代码并查看您的前端所需的任何资源。然后将它们复制到公用文件夹并修复引用以使用资源的副本。

下面是我用来将资源从 node_module 目录移动到公共/资产目录的脚本示例：

构建.js：

const path = require('path');
var fs = require('fs');
const ASSETS = [
'jquery/dist/jquery.min.js',
'sweetalert/dist/sweetalert.min.js'
];
if (!fs.existsSync('./public/assets')){
fs.mkdirSync('./public/assets');
}
ASSETS.map(asset => {
let filename = asset.substring(asset.lastIndexOf("/") + 1);
let from = path.resolve(__dirname, `./node_modules/${asset}`)
let to = path.resolve(__dirname, `./public/assets/${filename}`)
if (fs.existsSync(from)) {
fs.createReadStream(from).pipe(fs.createWriteStream(to));
} else {
console.log(`${from} does not exist.nUpdate the build.js script with the correct file paths.`)
process.exit(1)
}
});

然后我更新我的 package.json 以将其包含在脚本中：

package.json：

"scripts": {
"build": "node ./build.js || true",
"start": "node ./bin/www"
}

然后在我的任何视图页面中，我使用新路径引用资源

随机.pug：

script(src="/assets/jquery.min.js")
script(src="/assets/sweetalert.min.js")

最后，在部署应用之前，现在必须运行以下命令：npm run build然后npm start

仅当前端资源发生更改时，才需要运行生成命令。因此，如果您只使用sweetalert.min.js则只需在首次运行应用时运行构建。如果稍后添加另一个资源aNewResource.js则需要更新build.js文件并再次运行npm run build。