一般都在什么系统上运行vue项目

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

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

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

你的服务器是什么系统啊 ，，，linux LINUX、WINDOWS、NETWARE、UNIX。。

在linux

首先服务器安装node git   nginx  vue-cli

安装好nginx 用你的公网ip访问就可以看到 下面的页面

然后进入到下面的路径

vi default 你会看到nginx的默认配置

默认监听80端口 根路径

把你写好的vue项目 上传到github ，通过git clone 克隆到

服务器

路径下面

然后npm/yarn add/install 安装依赖 然后npm run build

vi 打开html 下面的 index.html 可以看到

nginx默认的html

进入sites-enabled 发现 它里面的 default 来自 sites-available的default

所以需要在 sites-available 新建一个文件 你的项目名命名就可以

在你新建的文件

我在site-available新建的文件是note-admin 映射到 sites-enables

注意路径一定要写全

最后重新加载下 nginx -s reload

打开浏览器 公网ip:端口号  或者 域名访问

这就可以了

还有 用express 部署这个 简单些

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中的内容改为：

然后再次启动项目

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

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

---