一、域名备案
进入到: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 ; #域名为 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/cer
t就行
新建nginx
的conf
配置文件:mkdir server-https.conf
执行vim server-https.conf
,如:
server {listen 80;server_name ; #域名为 rewrite ^(.*)$ https://$host$1 permanent; #强制跳转为https}server {listen 443 ssl;server_name ; #域名为 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加载配置生效。