是否可以为多个localhost项目设置自定义开发域？

Question

我目前正在处理几个基于节点的项目，并发现自己有几个localhost:xxxx个实例。这使得很难记住当服务A在localhost:3000时，localhost:3030上的客户端是谁？等

我还使用WakaTime来跟踪每个项目所花费的时间，并为每个项目设置一个自定义域，这样可以使设置更容易 。

我今天一直在寻找相当长的一段时间，似乎无法找到任何不依赖于Apache的想法。

我希望实现的目标：

• 访问projectA.dev会像应用localhost:3000一样为应用提供服务。例如浏览器将导航到client.dev/#/account，我会看到该网站。
  • 访问projectB.dev会像点击localhost:3030（注意不同的端口）一样为app提供服务
  • 等...

我的设置详情：

• OSX El Capitan
• 使用使用generator-gulp-angular
构建的Gulp / BrowserSync / Webpack的Angular项目

现在看来，似乎我唯一的选择就是设置ngrok tunnels with specific subdomains ...希望那里有经验的人有智慧的话语。

编辑：我确实找到了SO question试图解决相同类型的问题。不幸的是，我无法在工作时为我的机器分配多个IP地址。

Answer 1

如果编辑etc / hosts文件，则可以指定要设置为127.0.0.1的任意主机名。 在您喜欢的文本编辑器中打开/ etc / hosts并添加以下行：

127.0.0.1   www.example.com

不确定如何避免在您对example.com发出的HTTP请求中指定端口，但是如果必须避免在请求级别指定端口，则可以以root身份运行nodejs以使其在端口80上侦听。

编辑：编辑/ etc / hosts后，您可能已经缓存了该域的DNS请求。您可以通过在命令行上运行它来清除缓存的条目。

dscacheutil -flushcache