前端vue项目部署

1、使用工具：MobaXterm

傻瓜式安装便携版

2、打开安装好的MobaXterm

3、点击session

4、点击SFTP

5、Remote host是要部署到的ip，Username需要配置，具体配置见5-1，Port是端口，该端口默认是22，如果有告知部署到的端口，则为该端口，没有则是默认22

5-1、点击username右边的小人

5-2、点击New新建

5-3、Name随便命名、Username是你们要部署ip的账号，Password是该账号对应的密码

5-4、填好之后点击Ok

5-5、再次回到Username填写页面，在下拉框里会出现刚新建的账号

6、步骤5操作完成后，点击ok

7、即可连接成功，出现以下页面

8、左侧是你的电脑的文件夹目录，右侧是你要部署位置的文件夹目录

9、需要提前知道部署项目的位置，一般后台会知道部署在哪个文件目录下，以下在‘/home/jsc/’目录为例

10、找到项目部署的对应位置后，替换掉你之前的dist文件夹，可以选择右键delete删除，将左侧的项目打包好的dist文件夹直接拖入右侧dist的文件目录下即可，整个前端的项目就部署好了，一般都会做个备份，将替换前的dist文件夹换一个带日期的名字