Chrome 没有使用 subdommian 加载我的本地主机

如何解决Chrome 没有使用 subdommian 加载我的本地主机

当我点击我的本地主机打开我的本地站点时，它不执行任何操作，它对 firefox 工作正常。不知道原因。它在地址之前有应用程序。

http://app.127.0.0.1:8000/login

解决方法

您可以尝试通过编辑主机文件来创建域。假设您的域名是 myapp.local。编辑您的主机文件并添加行

127.0.0.1:8000 myapp.local

然后在您的浏览器中，您只需打开 HTTP://myapp.local

所以通过这个配置，你可以使用 Laravel 你可以像这样使用子域例程

Route::domain('{app.myapp.local')->group(function () {
    // put your routes here
});

请记住，这是针对您的开发环境的。上线时，您需要使用真实域名进行其他配置。

我假设您使用 xampp 或 wamp 来创建虚拟主机（本地主机的子域）。我正在为 xampp 编写方法，正如您提到的主机文件和配置虚拟主机。

对于 xampp：

按照以下步骤创建虚拟主机：

1- 切换到您的 XAMPP 安装目录（通常为 C:\xampp）并使用您喜欢的文本编辑器打开 apache\conf\extra\ 子目录中的 httpd-vhosts.conf 文件。

2- 用以下指令替换此文件的内容：

<VirtualHost *:80>
       DocumentRoot "C:/xampp/htdocs/"
       ServerName localhost
</VirtualHost>
<VirtualHost *:80>
       DocumentRoot "<path to your website folder>"
       ServerName apps.localhost
</VirtualHost>

这包含两个虚拟主机配置块：

第一个块是默认或回退的虚拟主机，用于所有与后续块不匹配的请求。

第二个块设置一个名为 apps.localhost 的虚拟主机。 DocumentRoot 指令指定在为该虚拟主机提供请求时要使用的目录（在本例中为 WordPress 安装目录），而 ServerName 指令指定虚拟主机的自定义域名。

要添加更多虚拟主机，只需复制第二个虚拟主机块并根据您的要求修改端口号、DocumentRoot 和 ServerName 指令。例如，如果您想将 SSL 与您的自定义域名一起使用，您可以为端口 443 添加一个新的虚拟主机块。

3- 使用 XAMPP 控制面板重新启动 Apache，以使您的更改生效。

4- 此时，您的虚拟主机已配置完毕。但是，如果您尝试浏览到 apps.localhost 域，您的浏览器将显示失败通知，因为该域实际上不存在。要解决此问题，需要将自定义域映射到本地 IP 地址。为此，请打开文件 C:\windows\system32\drivers\etc\hosts 并向其中添加以下行：

127.0.0.1 apps.localhost

这负责将 apps.localhost 域名映射到本地机器，其 IP 地址始终为 127.0.0.1。

在某些版本的 Windows 上，如果没有管理员权限，您将无法编辑 C:\windows\system32\drivers\etc\hosts 文件。您可以通过右键单击记事本图标并选择“以管理员身份运行”菜单选项，然后输入管理员凭据（如果需要）并单击“确定”或“是”继续来编辑文件。此时，您应该能够在浏览器的地址栏中输入 URL http://apps.localhost 并查看您的 WordPress 安装。

您应该尝试使用 chrome 开发者工具。您可以从菜单或在默认配置中按 f12 访问它们。尝试检查控制台选项卡，看看您是否收到 Firefox 中不存在的错误（与 chrome 相同）。如果您的网站在客户端或服务器端出现问题，这可以帮助您进行故障排除。

您还可以检查此答案并尝试在您的主机文件或 Web 服务器配置中设置您的地址，以确保您的 Web 服务器实际上通过您需要的地址进行响应。 https://softwareengineering.stackexchange.com/questions/178734/add-a-prefix-to-localhost

@Hassaan 是对的，此外，如果您想在 wamp 中添加虚拟主机，您只需单击在 wamp 选项中添加虚拟主机并填写表格以在您的本地主机中添加一个新的子域。