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

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。