Vue项目部署到Linux服务器

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

链接：https://pan.baidu.com/s/1fUPI1RtHwTsvbfqctO1WDw
提取码：ymme

FinalShell 简介：

1.  FinalShell 相当于 xshell + ftp 的组合，即：FinalShell =  xshell + ftp ；
2.  FinalShell 只用一个程序，将xshell 、ftp同屏显示，既可以输入命令，也可以传输数据，还能以树的形式展示文件路径；

打开以后，软件的界面为这样

点击上图界面中蓝色的文件夹图标，打开界面如下图所示（那个uwb是我自己之前连的Linux服务器）

再点击上图中左上角白色的文件夹图标后选择SSH连接，打开界面如下所示

 

输入Linux服务器的名称，主机号，端口号，密码等，连接服务器，连接成功以后，界面如下图所示，整个界面的上方进行Linux指令操作，在界面的下方则可以在里面选择合适的文件夹进行window系统那样的文件上传删除等操作。

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

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

 

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