我相信大部分前端新手是接触不到部署相关的工作的,一般都是将代码包交给后端,或者通过CI,FTP完成代码的更新,至于代码如何部署,如何从域名到前端代码包,很多前端仔没有实际操作过,自然是不知道的,这篇文章就是要帮助未接触过部署的人学会在服务器上线部署一个前端项目,在这个主线中带大家慢慢的熟悉nginx
记得在年暑假,那时候大二还没开学,当时我只会写一点简单代码,linux和运维完全没接触过,一冲动在阿里云购买了一个服务器,外加一个域名,域名现在已经不能访问了;那时候单纯的兴趣使然,想搭建一个网站,因为实力不足,也不知道求助别人,前前后后折腾了一个月,最终竟然成功在服务器上面部署了wordpress服务,后面域名备案也成功了;
依稀记得在盛夏的傍晚,我坐在慢慢暗下来的客厅,头上还残留着因为紧张流下的细汗,眼睛因为专注而干涩,面对不太看得懂的文档,一遍一遍尝试;我自然不希望大家在这上面浪费时间,这也是写这篇文章的初衷。
前置知识一个云服务器,阿里云,腾讯云,xx云都行,首次购买或者学生认证都是有很大的优惠(本文以阿里云为例子)了解linux基础命令,也就是对各种文件的增删改查本教程基于CentOS7.5系统,如果是图形化界面,或者其他系统,命令可能不完全一致,但是流程都是一致的,建议看对应教程相关工具上传文件FTP[1]ssh工具阿里云自带重要:如果linux基础命令不会。下面的也不用看了,立刻去学
搭建环境购买一个ECS云服务器,前段时间折扣,一年1核2G40块钱不到~,新人长期存在优惠
连接服务器通过远程工具(CRT,Xshell)或者自带的远程连接进入自己的服务器,连接方式选择公网ip
image-安装nginxCentOS自带yum命令,这个命令很关键,自行了解
执行命令
yuminstallnginx//中途遇到需要确认的,直接确认即可复制代码
安装完成后,主机中便有了nginx服务,相关命令如下,启动完成后
nginx复制代码
启动完成后,浏览器访问公网IP,就可以访问到nginx的默认主页
到这一步就算是nginx部署成功了
nginx相关文件路径/etc/nginx///配置文件/usr/share/nginx///默认前端代码存放处复制代码
默认配置在/etc/nginx/nginx.conf,nginx根据默认配置,监听80端口,80端口指定了/usr/share/nginx/html这个文件夹,于是你访问公网ip-公网ip:80-/usr/share/nginx/html,于是"Wel