Vue项目一键远程发布(upload to remote)全流程配置

目的：  将webStorm中生成 的项目文件，通过SFTP上传远程测试服务器，实现一键发布

环境准备：

一、准备http服务器

1、为Linux服务器安装httpd服务

      sudo   yum     install      httpd      -y

2、配置http服务路径

    httpd配置文件路径：/etc/httpd/conf/httpd.conf

    默认路径为:/var/www/html

    如有需要，修改默认路径，本文修改为：/app/www/html

    

  3、启动httpd服务，测试安装是否成功

        启动：service httpd start

     访问：在浏览器直接使用IP访问，出现界面，证明httpd服务已能正常访问

    

二、webStrom配置    

1、打开webStrom Deployment配置

     WebStrom-->Preferences-->Deployment

    

2、 在Deployment中使用左上角的‘+’，新建一份配置文件，做如下配置

Connection标签页中：

     Type:使用SFTP  

               使用FTP，遇到如下的问题是大部分文件夹在下面选择时检测不到，SFTP会更安全、简单

                启动sshd服务时，该项服务会同步启动

       port：22

       TestSFTP:输入账号、密码后，测试是否可连接成功

        Root Path：在此选择要远程到的文件目录

Mappings中： 

 Local path: 选择配置本地待上传目录

Deployment path:使用‘/’

Web path:使用‘/’

OK! 至此所有配置完成！

项目右击选择Upload to.......,

重新在页面访问，结果来啦！