一、域名备案
进入到：ICP 备案管理界面，如：
选择一台服务器申请备案；准备好相关资料，按要求填写对应信息，整个备案周期大约10个工作日左右；备案成功之后，如：
然后再「域名服务」的「域名列表」中就可以看到之前申请的域名了，如：
二、域名解析
这里需要对之前申请的域名进行解析（即：指定访问机器IP），点击域名列表操作中的「解析」操作，如：
填写完成之后，点击确定，如：
解析完成 ~
三、SSL证书申请
这里以免费证书为例，每年可以领20个免费证书
点击「证书申请」，如：
填完信息，后面直接点击「下一步」，直至完成 ~
ps：证书也需要解析
四、Nginx代理
4.1 nginx部署前端静态文件
前提：nginx已经安装成功
创建web项目的目录，将前端打包编译好的文件到指定目录下
4.2 创建nginx配置文件的规则
4.2.1 http形式无证书配置
切换到存放nginx的conf文件配置目录：cd /etc/nginx/conf.d
新建nginx的conf配置文件：mkdir server.conf
执行vim server.conf，如：
server {
listen 80;
server_name xxx.cn; #域名为 xxx.com
gzip on; #开启nginx的gzip压缩，下面都是gzip的配置不详细说明了都是为了提高静态资源的访问速度
gzip_min_length 3k;
gzip_comp_level 9;
gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
gzip_vary on;
gzip_disable "MSIE [1-6]\.";
location / {
root /admin/web; #前端静态文件存放的路径
try_files $uri $uri/ /index.html; #开启二次刷新的前端文件与前面那次相同
index index.html index.htm;
}
}
ps：
1. http多为用于测试环境
2. 以上配置中的#都是配置解释，复制黏贴时最好去掉，要不然容易出错，当然一些优化配置也可以去掉，最后 nginx -t 检查配置文件是否正确，没有报错就 nginx -s reload 重启nginx加载配置生效
4.2.2 https形式有证书配置
切换到nginx目录：cd /etc/nginx
创建存放ssl证书的目录：mkidr cert
申请证书步骤这里就不详细说明，这里只需要把申请好的证书上传到/etc/nginx/cert就行
新建nginx的conf配置文件：mkdir server-https.conf
执行vim server-https.conf，如：
server {
listen 80;
server_name xxx.cn; #域名为 xxx.com
rewrite ^(.*)$ https://$host$1 permanent; #强制跳转为https
}
server {
listen 443 ssl;
server_name xxx.cn; #域名为 xxx.com
ssl_certificate /usr/local/etc/nginx/cert/xxx.pem; #这里和下面必须配置自己上传的证书名字
ssl_certificate_key /usr/local/etc/nginx/cert/xxx.key;
ssl_session_timeout 5m;
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_prefer_server_ciphers on;
gzip on; #开启nginx的gzip压缩，下面都是gzip的配置不详细说明了都是为了提高静态资源的访问速度
gzip_min_length 3k;
gzip_comp_level 9;
gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png; gzip_vary on;
gzip_disable "MSIE [1-6]\.";
location / {
root /admin/web; #前端静态文件存放的路径
try_files $uri $uri/ /index.html; #开启二次刷新的前端文件与前面那次相同
index index.html index.htm;
}
}
ps：
以上配置中的#都是配置解释，复制黏贴时最好去掉，要不然容易出错，当然一些优化配置也可以去掉，最后 nginx -t 检查配置文件是否正确，没有报错就nginx -s reload 重启nginx加载配置生效。
