xftp
安装xftp
xftp可以手动上传本地代码到远程云端,官网:所有下载 - NetSarang Website (xshell.com)
连接阿里云
主机是阿里云的公网地址,连接后,一边是本地的文件管理,一边是阿里远程文件管理
![](https://img-blog.csdnimg.cn/img_convert/af7031e6ea72b37000a30dfc94b12773.png)
fileZilla
也具有手动上传本地代码到远程云端的功能,大家自行选择
官网地址: FileZilla中文网 - 免费开源的FTP解决方案
![](https://img-blog.csdnimg.cn/img_convert/83a293facb496ae84cce9b6192bce743.png)
nginx
一款轻量级的 HTTP 服务器,时常用于服务端的反向代理和负载均衡
感兴趣可看: 连前端都看得懂的《Nginx 入门指南》 - 掘金 (juejin.cn)
安装
先 cd /usr/local 切换目录,在配置 nginx 时,可能会依赖于 PCRE 包和 zlib 包,先进行安装
yum -y install pcre pcre-devel
yum install -y zlib-devel
下载 nginx,这里nginx版本号可以根据需要选择,我选择1.13.3
cd /usr/local/src
wget http://nginx.org/download/nginx-1.13.3.tar.gz
解压缩
tar -xvzf nginx-1.13.3.tar.gz
cd 进入nginx解压包里
cd nginx-1.13.3
一次执行
./configure
make
make install
浏览器中输入公网地址出现改页面则算成功
如果没有出现,则是默认80端口未放出,到安全组中放出80端口即可
![](https://img-blog.csdnimg.cn/img_convert/8f1e454fa68fd589bbb54830287698e2.png)
查看配置文件
//使用vi命令修改该配置文件
vi /usr/local/nginx/conf/nginx.conf
//退出编辑
按Esc,然后shift+zz,就退出了编辑
![](https://img-blog.csdnimg.cn/img_convert/3ff98b56423cbe32867509deb4b6e25d.png)
补充nginx命令
//停止nginx
nginx -s stop
//重启nginx
nginx -s reload
//查看是否有nginx 并回应所在文件夹
whereis nginx
//查看目录文件
ll
//查看nginx进程
ps -ef|grep nginx
删除nginx
初始安装很有可能安装出错,需要删除所有nginx相关的文件重新解压
还在运行的话 要停止Nginx
nginx -s stop
查找根下所有名字包含nginx的文件
find / -name nginx
![](https://img-blog.csdnimg.cn/img_convert/27695a365b97d41b0ee077df3d1da064.png)
执行命令 rm -rf *(*号表示路径)删除nignx安装的相关文件
![](https://img-blog.csdnimg.cn/img_convert/55e652513bf2bcefa57d7f0eb75ff1f2.png)
再次查找根下所有名字包含nginx的文件,为空则删除成功,可以重新解压了
如果遇到报错
先断掉重新连接,然后跳转到‘/usr/local/nginx/sbin’下运行nginx
nginx: [emerg] still could not bind()报错解决方案
先输入:netstat -ntlp|grep 80,看端口是不是已经被占用
然后再输入:killall -9 nginx,干掉所有80端口
再先输入:netstat -ntlp|grep 80。检查是否有效
最后再nginx运行,没有任何提示,应该是成功了,浏览器输入公网地址查看
nginx.conf配置文件简单介绍
配置文件划分为全局块
配置文件划分为events块
配置文件划分为http
http 块也可以包括 http全局块、server 块
![](https://img-blog.csdnimg.cn/img_convert/c237ab316970db6c8195059190980394.png)
![](https://img-blog.csdnimg.cn/img_convert/2698e94b9953789df47f71f2a16e319b.png)
上传打包代码到阿里云
阿里云根目录有home文件夹,然后自己创建一个项目名字文件夹,将本地的dist、package.json上传到文件夹中
![](https://img-blog.csdnimg.cn/img_convert/04801829199737e2c6933fab84a5b9ed.png)
然后在项目文件夹中npm install安装配置文件,如果安装失败那就安装cnpm再试
npm i install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install
切换到/usr/local/nginx/conf中,用记事本打开nginx.conf 进行配置
![](https://img-blog.csdnimg.cn/img_convert/91db4f4c633a1ea0d5dbb2c130b6d994.png)
然后切换到/usr/local/nginx/sbin文件中,执行./nginx -s reload,重启nginx服务即可