AngularJS localhost跳转至IP地址，无法显示Hello World问题求助

嘿，我帮你捋捋这个问题——遇到localhost跳IP还显示IIS默认页，大概率是端口冲突或者项目启动方式不对，咱们一步步排查：

1. 先查端口占用情况 #

默认情况下IIS会牢牢占着80端口，如果你访问localhost时没指定端口，浏览器会默认走80，自然就跳到IIS的默认页了。

• 打开命令提示符（CMD），输入：

  netstat -ano | findstr ":80"
  

  看看输出里的PID对应的进程是不是IIS相关的（比如inetinfo.exe或者w3wp.exe），要是的话，说明80端口被IIS占了。

2. 确认你的AngularJS项目怎么启动 #

AngularJS是前端框架，得用静态文件服务器跑，不能直接双击html文件（会有跨域问题），更不能随便丢到IIS默认目录就完事：

• 推荐用http-server（轻量好用）：
  1. 先全局安装：

     npm install -g http-server
     

  2. 打开命令行，进到你的Hello World项目根目录，跑：

     http-server -p 8080
     

  3. 然后访问localhost:8080，应该就能看到你的页面了。
• 要是你非要用IIS托管：
  1. 别把项目丢到C:\inetpub\wwwroot（那是IIS默认站点的目录，里面的默认页没替换的话肯定显示IIS的东西）。
  2. 打开IIS管理器，新建一个站点，物理路径选你的项目根目录，绑定端口设成8081（避开80），然后访问localhost:8081试试。

3. 检查localhost的解析问题 #

有时候浏览器会把localhost自动解析成你的局域网IP，导致跳转：

• 打开C:\Windows\System32\drivers\etc\hosts（记得用管理员权限的记事本打开），确认有这一行：

  127.0.0.1 localhost
  

  没有的话加上，然后刷新DNS：

  ipconfig /flushdns
  

• 另外试试用浏览器的隐私模式访问，排除缓存或插件的干扰。

4. 检查IIS的站点绑定 #

要是你想让IIS和你的项目共存，得改IIS的端口：

• 打开IIS管理器，找到默认站点，右键选「编辑绑定」，把http协议的端口改成其他的（比如8082），这样localhost默认80端口就可以留给你的项目服务器用了。

内容的提问来源于stack exchange，提问作者klaydze