前端项目启动后访问不了

Question

我是mac系统,按照README.md上操作了npm install, npm run mock, 然后再开一个终端执行:set NODE_ENV=dev 和 npm start, 两个控制端显示如下图

npm run mock:

npm start: 因为内容太多, 所以截取两张图

但是访问 http://localhost:8080/  显示: 

该网页无法正常运作

localhost 未发送任何数据。

ERR_EMPTY_RESPONSE

用的是chrome浏览器, 没有任何非常规设置, 我换了个浏览器也是一样, 浏览器控制台截图如下:

刚试了下 用http://127.0.0.1:8080 可以访问, 但是我本地host已经绑定了: 127.0.0.1 localhost 所以还是不理解为啥http://localhost:8080 不能访问, 截图如下:

Answer 1

音策 2017-08-03 23:55:57

问一下，你这个页面的打开时启动 npm start后自动的？还是没有能够自动，你手动开了个连接，然后如果可以的话 你再起一个终端 ，用wget 或curl http://localhost:8080/ 看看 得到了什么

• 提问者 yinhaixiang #1

  是npm start后浏览器自动打开的,  执行 curl http://localhost:8080/   后显示: curl: (52) Empty reply from server

• 提问者 yinhaixiang #2

  我试了下 用http://127.0.0.1:8080 可以访问, 但是我本地host已经绑定了: 127.0.0.1	localhost   所以还是不理解为啥http://localhost:8080 不能访问

• 提问者 yinhaixiang #3

  找到原因了, 原来我在我的host管理器里写了两行:
  ::1  localhost
  127.0.0.1	localhost
  
  把第一行删了就可以了

点开查看后面1条评论

Answer 2

源生活 2017-08-03 23:23:27

你用的什么浏览器？浏览器打开页面时，看下浏览器的控制台，截个图，看下是不是浏览器有没有接收到数据。

你搜一下ERR_EMPTY_RESPONSE，是不是你浏览器有什么非常规设置，比如代理？

• 提问者 yinhaixiang #1

  问题描述已更新, 浏览器控制图截图也发了

• 源生活 #2

  换个浏览器试试

• 源生活 #3

  浏览器或操作系统有没有设置过代理？现在看你启动的是没有问题的，是浏览器访问时有问题。

点开查看后面2条评论

Answer 3

源生活 2017-08-03 22:44:08

把mock的控制台和npm start的控制台截图截全一点，npm start运行并打开页面后两个控制台的样子

• 提问者 yinhaixiang #1

  已经更新截图, 请老师看下

• 音策 回复 提问者 yinhaixiang #2

  你截图先你的浏览器，把浏览器的console打开，截图下，看看浏览器请求的数据，有同学类似的现象是浏览器不对头，你是什么浏览器？启动后用另外一个浏览器比如谷歌直接打开url什么情况