VUE基于nginx的快速部署教程

在部署前,服务器应配置好nginx,见Ubuntu部署nginX

编写好的VUE代码,可以在本地编译(编译好后将dist文件通过FTP上传服务器),也可以在服务器端进行编译(服务器安装node.js进行编译)。

如果本地编译,直接

npm run build

当提示”built in x.xx s“后即为编译成功,结果文件存于当前目录的dist文件夹内。

使用MobaXterm或者Xshell之类的软件连接到服务器,通过FTP将dist文件上传到设置的目录即可,比如“/etc/nginx/html/”,应注意需要nginx有足够的文件权限访问上传的文件。

如果在服务器编译,需要服务器安装node.js和npm

sudo apt install nodejs npm
// 由于apt中的node.js版本较老,还需要通过npm升级版本
npm install n -g
sudo n stable
hash -r

然后通过FTP或者git将源码放到服务器中,在源码目录中执行

npm run build

然后把编译好的dist文件移动到设置的目录就可以了。