别觉得搞前端就不需要懂后台知识。

396 阅读3分钟

作为一名前端人员,很多时候就败在了后台知识上。即便对后台来说,这是一个很 low 的点。

今天的话题很简单,就是围绕一个基于 nginx 的前端静态部署,准备好两样东西。

  • 购买一台服务器

  • 本地创建一个 html 文件(内容随便写)

安装服务器

现在我们从本地去链接远程服务器。

ssh root@ip
///ip 就是自己服务器的远程 ip 地址 回车后输入密码就 ok

在 linux 系统下自带一个 yum 的软件安装工具。

[root@10-9-155-122 ~]# yum install nginx   //下载nginx
[root@10-9-155-122 ~]# nginx -V //看下版本
[root@10-9-155-122 ~]# nginx -h //查看nginx 的所有指令

**需要注意:**nginx 默认端口是 80,但是我们的远程服务器不一定开放了这个端口,需要验证。

[root@10-9-155-122 ~]# firewall-cmd --list-ports

回车后就能查看服务器开放的端口。如果没有开放需要去服务器手动开放,流程可以自行百度。或者指令开放,如下:

firewall-cmd --zone=public --add-port=80/tcp --permanent
//回车
succsss

**需要注意:**这里的port=80,很可能你的项目端口不是80。如果是这样,就需要我们去远程服务器开放这个端口。如果远程服务器没有这个端口,需要自定义,去配置一个规则。

如下图:

配置完成后必须重新启动防火墙,使设置生效。

[root@10-9-155-122 ~]# firewall-cmd --reload
//回车
//再查看开放的端口
[root@10-9-155-122 ~]# firewall-cmd --list-ports

以上操作成功后,咱们的服务器算是搭建好了,下一步就是配置服务器了。

配置服务器

我们需要找到 nginx 的配置文件叫 nginx.conf 文件,在 etc/nginx 目录下。

[root@10-9-155-122 nginx]# cd / 
[root@10-9-155-122 /]# cd etc/nginx 
[root@10-9-155-122 nginx]# ls 
conf.d                  koi-utf             scgi_params 
default.d               koi-win             scgi_params.default 
fastcgi.conf            mime.types          uwsgi_params 
fastcgi.conf.default    mime.types.default  uwsgi_params.default 
fastcgi_params          nginx.conf          win-utf 
fastcgi_params.default  nginx.conf.default

找到 nignx-conf 文件,在修改之前尽量备份一份,防止后期需要。

查看 nginx.conf 内容 cat nginx.conf。

红框里的字段我就不解释了,主要关注 root 代表项目的根目录。

我们现在要把项目拷贝到 home/www 目录里,也就是说项目根目录是 home/www。

  • 去远程服务器创建这个目录 mdkir home/www

  • 使用 vim 编辑器打开 nginx.conf vim etc/nginx/nginx.conf

按住 i 键进入编辑模式。

修改后退出。

  • 按住 Esc 键,当 INSERT 消失

  • 输入 :wq // w是写入 q是退出

这样nginx 的项目目录就配置成 home/www 了。

上传项目

最后上传项目文件即可。

  • 通过可视化工具 (百度)

  • 通过指令

    scp -r index.html username@ip:/home/www/

这样整个项目就部署成功了。这只是一个静态网站的简单部署,希望能帮到小伙伴们(ง •_•)ง。