@H_404_0@最近公司的一个开发项目，后端用的是nodejs。这两天需要打包给客户演示，就让公司一个小伙把之前3D机房的打包工具移植过来。打包之后，发现原本在开发环境下的跑的好好的项目，不能访问了。出现项目的首页不能访问的问题：

@H_404_0@can not get file index.html

@H_404_0@

express.static

@H_404_0@问题出在哪儿？

@H_404_0@nodejs后端的用了express，index.html是一个静态文件。我们知道，通过 Express 内置的 express.static 可以方便地托管静态文件，例如图片、CSS、JavaScript 文件等。

@H_404_0@将静态资源文件所在的目录作为参数传递给 express.static 中间件就可以提供静态资源文件的访问了。例如，假设在 public 目录放置了图片、CSS 和 JavaScript 文件，可以使用如下代码：

@H_404_0@所以，找到项目中的代码，查看static调用的地方，和上面一行代码很一样：

@H_404_0@到此，我已经发现了问题，我告诉小伙伴，这个地方不用相对路径可以解决这个问题。由于打包时间限制，我让小伙伴先简单处理下，打完包之后，在来整理下思路:

@H_404_0@当然最重要的是，这个问题其实不难，自己多钻研下，很容易发现问题，也就不会出这个问题，所以小伙伴自己打手心吧。

@H_404_0@恩，你没看错，这个地方还是相对目录。后续产品中会改成比较好的一种情况。

@H_404_0@

express.static方法解析

@H_404_0@事实上，express.static方法如果传入的是相对路径，express会自己把他转换为绝对路径，我们可以查看下源代码，在express.js找到如下代码：

@H_404_0@说明static 调用了serve-static这个包，直接找到这个包，查看index.js,可以看到代码,下面列出重要的两行

@H_404_0@这两行就是，express把相对目录转换成绝对目录的代码，可以看出，最终使用的path这个内置对象的resolve方法，继续往下看。

@H_404_0@

path对象的resolve方法

@H_404_0@直接查看这个方法的api文档，如下：https://nodejs.org/api/path.html#path_path_resolve_paths

@H_404_0@下面是这个方法的解释：

@H_404_0@The path.resolve() method resolves a sequence of paths or path segments into an absolute path.

@H_404_0@啥意思呢？ 就是这个方法把一系列的paths或者path segments 组织成一个绝对路径，比如

@H_404_0@详细的说明请自行参考文档，这个地方有一句话需要特别注意：

@H_404_0@If after processing all given path segments an absolute path has not yet been generated,the current working directory is used.

@H_404_0@啥意思，就是如果处理完了所有的path segments，也没有生成一个绝对路径， 就要使用 当前工作目录（current working directory）。比如:

@H_404_0@api文档中一个比较复杂的示例（此处注意resolve的时候，从右到左，参考文档了解详情）：

@H_404_0@现在的问题是，啥是当前工作目录。

@H_404_0@

nodejs 当前工作目录 current working directory

@H_404_0@nodejs 当前工作目录是启动Node的目录。也就是说，从哪个目录进去启动node，就返回哪个目录。

@H_404_0@注意，这个目录不是指js文件所在的目录

@H_404_0@通过process.cwd()方法可以获取当前工作目录。

@H_404_0@下面通过一个示例来介绍这个当前工作目录，假如在/Users/terry/Documents/JSWorkspace目录下写一个js文件，test.js，代码只有一行：

@H_404_0@此时如果，在目录/Users/terry/Documents/JSWorkspace下面执行命令 ：node test.js 输出如下：

@H_404_0@但是如果在在目录/Users/terry/Documents/下面执行命令：node ./JSWorkspace/test.js，输出的结果是：

@H_404_0@因此可以看出你在那个目录执行node命令，当前目录就是那个目录。

@H_404_0@回到之前的打包的问题，由于在开发阶段，一般都是直接在js文件所在目录执行node命令，所以相对目录写的是相对于当前js文件的目录没有问题。

@H_404_0@可是打包之后，node的执行放到了js目录的上一层去了。此时相对目录“public”不在是相对于js文件的相对目录，而是相对于上一层的，自然就找不到这个文件夹了，从而也找不到该文件夹下的index.html文件。

@H_404_0@

如何解决

@H_404_0@

解决的方法：

@H_404_0@1.在前面已经说过了，改这个相对目录。但这种方法很蹩脚。因为，启动node命令的目录可能会变；而是如果这应该，开发阶段的node命令执行也需要跟着改。 总之不是兼容性很好的方法。

@H_404_0@2.直接使用绝对路径。 但是这个绝对路径在不同的机器上又不一样，该如何解决呢？可以考虑使用全局变量__dirname.

@H_404_0@

全局变量__dirname

@H_404_0@查看api文档 https://nodejs.org/api/modules.html#modules_dirname

@H_404_0@看到解释如下：

@H_404_0@The directory name of the current module. This is the same as the path.dirname() of the __filename。

@H_404_0@啥意思呢，及时返回nodejs 的js文件的所在目录。

@H_404_0@有了这个变量之后，我们就可以用如下代码解决这个问题。

@H_404_0@以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。