错误请求 - 从手机通过 wifi 连接到 localhost 时主机名无效

Question

我在尝试连接笔记本电脑的 localhost 时收到 Bad Request- Invalid Hostname [HTTP ERROR 400]。 实际上，我正在学习使用 jQuery Mobile 开发移动网络。 我想看看网页的布局是否适合我的手机尺寸。

我已经添加了 Visual Studio 以这种方式提供的端口号：
控制面板> 防火墙> 高级设置> 退回规则> 新规则。
然后，我通过在命令提示符处键入“ipconfig”来获取我的 IP 地址。
之后，我用我的安卓手机浏览器（Mozilla 5.0），输入链接192.XXX.XXX.XXX:57976。

我已经阅读了类似的问题，但我无法得到解决方案。 有人认为此错误与 IIS 设置有关。 但我无法获得 IIS 设置的解决方案。 希望大家能帮我解决这个问题。

Answer 1

清除浏览器数据ctrl+shift+del

Answer 2

步骤 1：添加 Windows 防火墙的入站规则

1. 打开 高级安全 Windows 防火墙。
   
2. 在左侧面板中，右键单击入站规则 > 新建规则
   
3. 规则类型：端口
   协议和端口：TCP
   特定本地端口：57976
   操作 strong>：允许连接
   个人资料：勾选所有（域、私有、公共）
   名称：名称、说明（可选）
   
4. 完成。
   
   

第 2 步：IIS 或 IIS Express

添加 IIS 管理器的绑定

1. 打开 IIS 管理器。
   
2. 在左侧面板中，转到网站 > 默认网站。
   
3. 在右侧面板中，单击绑定。然后，弹出新对话框。
   
4. 在弹出对话框中，单击“添加”按钮。输入端口号和主机名。
   就我而言，
   port = 57976;
   hostname = 192.XXX.XXX.XXX（我的 IP 地址）
   
   

添加 IIS Express (Visual Studio) 的绑定

1. 停止当前站点
   
2. 对于 Visual Studio 2015，更改项目文件夹下的 IIS 配置 C:\Projects\<ProjectName>\.vs\config\applicationhost.config‌​。
3. 对于Visual Studio 2015 的旧版本，更改 IIS Express 文件夹下的 IIS 配置 C:\Users\<your profile name>\Documents\IISExpress\config\applicationhost.config
   

4. 在applicationhost.config 中，按端口号（我的例子是57976）搜索，然后再绑定你的IP 地址
   

       <site name="Web(1)" id="9">
         <application path="/" applicationPool="Clr4IntegratedAppPool">
           <virtualDirectory path="/" physicalPath="E:\abc\project\dev\web" />
         </application>
         <bindings>
           <binding protocol="http" bindingInformation="*:57976:localhost" />
           <binding protocol="http" bindingInformation="*:57976:192.XXX.X.XXX" />
         </bindings>
       </site>
   

更新：

对于 Windows 10 或 Visual Studio 2015 用户， 您可能会收到以下错误消息：

Unable to launch the IIS Express Web server, Failed to register URL, Access is denied

解决方案：

1. 关闭 Visual Studio
2. 右键单击 Visual Studio > 运行为 管理员

参考：https://azure.microsoft.com/en-us/documentation/articles/mobile-services-dotnet-backend-how-to-configure-iis-express/