美文网首页Angular.js专场Web前端之路Web 前端开发
关于部署ng-cli项目之后无法通过IP+端口访问的问题

关于部署ng-cli项目之后无法通过IP+端口访问的问题

作者: Husbin | 来源:发表于2017-11-05 21:09 被阅读120次

    问题描述:

    • 前阵子写了个ng-cli的demo,是关于图片的。本来想部署到云服务器上,但是发现在配置完安全组,在服务器上npm start之后,一直访问不到这个页面,用工具扫我监听的端口一直显示关闭,我监听的端口是8888。

    • 安全组规则如下:

      image.png

    • 执行npm start,情况如下:

    image.png
    • 发现监听的是localhost,然后我把localhost修改为127.0.0.1之后,再执行了一遍,还是访问不了,最后查到资料,localhost改为0.0.0.0之后,再执行一遍,发现可以正常访问了。
    image.png image.png

    一、0.0.0.0

    • 严格说来,0.0.0.0已经不是一个真正意义上的IP地址了。它表示的是这样一个集合:所有不清楚的主机和目的网络。这里的“不清楚”是指在本机的路由表里没有特定条目指明如何到达。对本机来说,它就是一个“收容所”,所有不认识的“三无”人员,一律送进去。如果你在网络设置中设置了缺省网关,那么Windows系统会自动产生一个目的地址为0.0.0.0的缺省路由。

    二、255.255.255.255

    • 限制广播地址。对本机来说,这个地址指本网段内(同一广播域)的所有主机。如果翻译成人类的语言,应该是这样:“这个房间里的所有人都注意了!”这个地址不能被路由器转发。

    三、127.0.0.1

    • 本机地址,主要用于测试。用汉语表示,就是“我自己”。在Windows系统中,这个地址有一个别名“Localhost”。寻址这样一个地址,是不能把它发到网络接口的。除非出错,否则在传输介质上永远不应该出现目的地址为“127.0.0.1”的数据包。

    参考资料

    • 最后,关于angular-cli项目的localhost以及默认端口的修改,是在/node_module/@angular/cli/lib/config/schema.json
    • 在线demo请戳=》戳你狗头

    相关文章

      网友评论

        本文标题:关于部署ng-cli项目之后无法通过IP+端口访问的问题

        本文链接:https://www.haomeiwen.com/subject/wcihmxtx.html