Vue项目部署到Linux服务器

首先用到两个软件,一个是Xshell,一个为Xftp,下面是我的百度网盘文件,永久有效嗷。

链接:https://pan.baidu.com/s/1ZkasG_HzgIEdUqdIgCBPaw 
提取码:s1r1

Vue项目部署到Linux服务器

其中Xshell为终端连接工具,我们连接Linux服务器用的就是它,而Xftp则帮助我们在windows系统下和Linux系统进行文件传输,首先我们安装下载完两个软件以后,先打开Xshell,点击左上角新建,输入Linux服务器的主机号,端口号密码等,连接服务器,然后再打开Xftp,点击窗口,传输新建文件,就可以在窗口的右窗口像操作windowsx系统那样操作Linux系统啦

要想成功将Vue项目部署到nginx服务器,需要对nginx服务器进行配置,在nginx文件夹的config文件中按照你的编译文件所在位置进行如下配置(我的编译文件在nginx/html下)

Vue项目部署到Linux服务器

将Vue项目进行npm run build编译,将编译好的dist文件夹整个复制到你的nginx配置好的文件夹下就可以了,每次修改再编译的文件夹都可以删除之前的dist文件夹再重新上传新版本的就可以了。

Vue项目部署到Linux服务器

最后一步,就是重新运行nginx服务器了,在Xshell界面输入systemctl restart nginx进行重启nginx服务器就OK啦