今天在将最近写的关于vue工程的小demo放置阿里云服务器时，在服务器上已经运行项目并且能够通过浏览器访问，但是通过外网却无法访问，多方查找原因，最终解决问题，特写此博客，帮助那些像我一样的新手安全渡坑。

检查阿里云端口是否开放

在外网访问服务器端口时，服务器必须将端口先开放用户才能从外网访问，具体操作是登录阿里云管理控制台，进行端口开放。

如图所示，在控制台下的防火墙菜单下，进行开放端口的选择。当进行这一步骤之后，说明改端口可以被外网进行访问。可以用telnet指令测试一下改端口是否可以访问。

telnet 主机IP 端口号

在cmd命令行下进行telnet，这里强调一下，*Telnet协议是TCP/IP协议族中的一员，是Internet远程登录服务的标准协议和主要方式。它为用户提供了在本地计算机上完成远程主机工作的能力。在终端使用者的电脑上使用telnet程序，用它连接到服务器。终端使用者可以在telnet程序中输入命令，这些命令会在服务器上运行，就像直接在服务器的控制台上输入一样。可以在本地就能控制服务器。要开始一个telnet会话，必须输入用户名和密码来登录服务器。Telnet是常用的远程控制Web服务器的方法。（摘自百度）
Telenet服务默认是不开启的，开启针对不同的windows系统操作可能稍微有区别，因网上资料众多，这里不再赘述。各位需要开启可以自行搜索合适资料。

当输入指令后出现这样无内容的命令框，表明该服务器上的端口开放成功，已经可以通过外网访问。

问题依旧未解决

当上述操作完成以后，我重新启动我的vue项目，运行依旧访问不了，可以排除是服务器端口的因素。然后突然发现vue依托于node环境，会不会是node端口监听的因素导致，于是修改位于vue项目config目录下的index.js文件


将监听的端口host改为"0.0.0.0",意味接收所有ip对此端口的访问，再次重启项目，外网访问没问题，问题解决。
因新入门，如有不足请多多指教。