Vue项目部署到阿里云服务器,外网无法访问

今天在将最近写的关于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对此端口的访问,再次重启项目,外网访问没问题,问题解决。
因新入门,如有不足请多多指教。

猜你喜欢

转载自blog.csdn.net/qq_33479841/article/details/85779553