vue项目启动之后外网无法访问

vue-element-admin为基于vue和element的一个著名的后台管理系统。
笔者想在本地中将项目跑起来，于是按照下面的命令将项目启动
【环境：linux cenos】

clone the project

git clone https://github.com/PanJiaChen/vue-element-admin.git

enter the project directory

cd vue-element-admin

install dependency

npm install

develop

npm run dev

然后提示启动成功。
但是在浏览器访问该服务器的ip地址+端口发现无法访问
然后在服务器上curl 该ip地址+端口可以得到结果。
但是该服务器其他服务均运行正常。

此时我按照网上的说法将webpack中的devServer的host改为‘0.0.0.0’，再次启动发现不起作用。
然后我在package.json中将script中的内容改为：

 "scripts": {
    "dev": "vue-cli-service serve --port=8086",

然后再次启动项目

image.png

访问地址发现可以访问成功。

原因：初步猜测是端口没有开放的原因。