nodejs如何将node_modules目录提供给前端访问？

Question

在不使用任何打包软件（例如Browserify或Webpack）的情况下，我有一个简单的nodejs服务器。

\n\n

var express = require(\'express\');\nvar bodyParser = require(\'body-parser\');\nvar request = require(\'request\');\nvar app = express();\napp.use(bodyParser());\napp.use(express.static(\'public\'));\napp.use(express.static(\'node_modules\'));\n\n\napp.post(\'/api/searchjob\', function (req, res) {\n  res.json({data: "hello"});\n});\n\napp.get(\'/\', function(req,res) {\n  res.sendfile(\'public/index.html\');\n});\n\napp.get(\'/*\', function(req, res){\n  res.redirect(\'/\');\n})\n\napp.listen(process.env.PORT || 3000, function () {\n  console.log(\'Example app listening on port 3000!\')\n});\n

\n\n

我希望前端也能访问一些node_modules包，我该怎么办？我的index.html 文件位于“public”目录中，文件夹结构如下所示：

\n\n

\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 README.md\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 index.js\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 node_modules\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 package.json\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 public\n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 yarn.lock\n

\n\n

我尝试简单地将脚本标记放入index.html，但不起作用\n<script src="../node_modules/vue2-google-maps/dist/vue-google-maps.js"></script >

\n

Answer 1

您已经在使用 Express 静态中间件来提供 node_modules 目录中的文件，因此这样的路径应该可以工作：

<script src="/vue2-google-maps/dist/vue-google-maps.js"></script>