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

vue-element-admin为基于vue和element的一个著名的后台管理系统。

笔者想在本地中将项目跑起来，于是按照下面的命令将项目启动

【环境：linux cenos】

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

cd vue-element-admin

npm install

npm run dev

然后提示启动成功。

但是在浏览器访问该服务器的ip地址+端口发现无法访问

然后在服务器上curl 该ip地址+端口可以得到结果。

但是该服务器其他服务均运行正常。

此时我按照网上的说法将webpack中的devServer的host改为‘0.0.0.0’，再次启动发现不起作用。

然后我在package.json中将script中的内容改为：

然后再次启动项目

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

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

Vue是前端的框架 不分系统 在浏览器渲染前就已经拿到Vue的js脚本了，前后端分离开发Vue在哪都无所谓 所以Vue对系统没什么要求，

如果前后端不分离的话 前端Vue代码 也就是页面的js是和后端框架在一起的 现在的服务器一般都倾向于使用linux这些类Unix系统

值得注意的是 Vue是浏览器去渲染的 底层还是javascript 本身和服务器是分离的 前后端不分离一般都是使用后端框架的模板 比如django + jinjia2 或者django 自带的模板

---