Vue项目一键远程发布(upload to remote)全流程配置
来源:互联网 发布:淘宝手机海报尺寸2017 编辑:程序博客网 时间:2024/06/06 07:49
目的: 将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.......,
重新在页面访问,结果来啦!
- Vue项目一键远程发布(upload to remote)全流程配置
- laravel5.4 配置vue项目全解
- 配置远程连接mysql数据库 Connect to remote mysql database
- Upload local Git repository to remote using IntelliJ IDEA plugin
- use curl to upload file with remote php file
- 一键发布项目
- publish over ssh 实现 Jenkins 远程部署 / jenkins 远程执行shell 一键远程发布 tomcat / jenkins分别发布多个项目到多个远程主机
- VUE开始到发布流程
- Jenkins构建项目,发布远程到服务器(一)
- 远程服务器项目发布
- Cisco easy vpn remote/server全配置
- iOS项目发布流程
- Android 项目发布流程
- idea 远程debug 、idea配置remote tomcat
- vue项目的开发流程
- 使用Idea 打包发布配置流程(一)
- jenkins 远程执行shell 一键远程发布 tomcat
- Vue项目运行配置
- Elasticsearch 5.4.1 windows 10 测试服务搭建
- git命令大全
- 巧用Android多进程,微信,微博等主流App都在用
- popupwindow不显示问题
- 机器学习之-使用FP-growth算法来高效发现频繁项集-具体怎么实现及应用
- Vue项目一键远程发布(upload to remote)全流程配置
- codeforces 281A(Word Capitalization) Java
- coding中那些不得不说的愚蠢的mistake(1)
- mysql查询结果添加序列号
- CVE-2017-7269的几个技巧及BUG修正
- 谁是你的潜在朋友
- 一个简单的前端JavaScript手机号码输入验证方案
- 使用caffe训练数据集
- 深度优先-leetcode77 组合