### 一、域名解析
1、域名必须备案后
2、云解析DNS - 解析配置 - 添加记录
![](https://img.kancloud.cn/47/0c/470cd9894b76b06a53d14c2e2b488732_1419x766.png)
经过以上两步,即可通过http://xxx.xxx域名形式访问,ip访问当然也可以;
但是:刷新出现以下情况,
![](https://img.kancloud.cn/11/f3/11f3fbbe3c96eb066cdde8d010802c25_974x158.png)
3、解决刷新问题,去Nginx配置以下域名(配置完成别忘了重启nginx -s reload)
![](https://img.kancloud.cn/27/d6/27d67b8dfa340fef1074411ba6b27d9b_1345x535.png)
### 二、证书申请
申请地址:[https://freessl.cn/](https://freessl.cn/)
1、经过以下几个步骤,然后去
![](https://img.kancloud.cn/67/0d/670d0a55dfd9a5d971c20dbe2c676d57_1105x352.png)
![](https://img.kancloud.cn/8e/b5/8eb5aebf25c8f49d568917d1a74c0a90_1073x492.png)
2、经过以上两步,得到下面验证内容,需要到阿里云后台,配置一个记录
![](https://img.kancloud.cn/a8/9e/a89e84a95236bd63cf89cd6bcfed574a_894x545.png)
3、添加记录,如图所示,添加完成,回到上面第2步,点击验证,等待测验通过
![](https://img.kancloud.cn/89/df/89df58673a8fe045439d9b2b5dd42b29_1450x638.png)
4、下载证书,解压可以看到下面两个文件
![](https://img.kancloud.cn/d0/b1/d0b19520a618afc245fd46e32c26b611_213x65.png)
5、上传这两个文件到服务器,这里是上传到 `etc/nginx/ssl`文件下,上传之后配置nginx.conf文件,重启即可
```
listen 443 ssl default_server;
ssl_certificate /etc/nginx/ssl/full_chain.pem;
ssl_certificate_key /etc/nginx/ssl/private.key;
ssl_session_timeout 5m;
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
```
![](https://img.kancloud.cn/b9/58/b958aedd502b5e4051e98d8ed5d0020c_1458x872.png)
6、当别人访问http://xxx.xxx也可以访问,https://xxx.xxx也可以,但是你想访问那个都最终强制变为https://xxx.xxx,请看下面配置,证书到这里配置完成了。
![](https://img.kancloud.cn/4e/7c/4e7c14981c3ee5cc1de1164548eeaab0_1491x804.png)
- 首页
- 2021年
- 基础知识
- 同源策略
- 跨域
- css
- less
- scss
- reset
- 超出文本显示省略号
- 默认滚动条
- 清除浮动
- line-height与vertical-align
- box-sizing
- 动画
- 布局
- JavaScript
- 设计模式
- 深浅拷贝
- 排序
- canvas
- 防抖节流
- 获取屏幕/可视区域宽高
- 正则
- 重绘重排
- rem换算
- 手写算法
- apply、call和bind原理与实现
- this的理解-普通函数、箭头函数
- node
- nodejs
- express
- koa
- egg
- 基于nodeJS的全栈项目
- 小程序
- 常见问题
- ec-canvas之横竖屏切换重绘
- 公众号后台基本配置
- 小程序发布协议更新
- 小程序引入iconfont字体
- Uni-app
- 环境搭建
- 项目搭建
- 数据库
- MySQL数据库安装
- 数据库图形化界面常用命令行
- cmd命令行操作数据库
- Redis安装
- APP
- 控制缩放meta
- GIT
- 常用命令
- vsCode
- 常用插件
- Ajax
- axios-services
- 文章
- 如何让代码更加优雅
- 虚拟滚动
- 网站收藏
- 防抖节流之定时器清除问题
- 号称破解全网会员的脚本
- 资料笔记
- 资料笔记2
- 公司面试题
- 服务器相关
- 前端自动化部署-jenkins
- nginx.conf配置
- https添加证书
- shell基本命令
- 微型ssh-deploy前端部署插件
- webpack
- 深入理解loader
- 深入理解plugin
- webpack注意事项
- vite和webpack区别
- React
- react+antd搭建
- Vue
- vue-cli
- vue.config.js
- 面板分割左右拖动
- vvmily-admin-template
- v-if与v-for那个优先级高?
- 下载excel
- 导入excel
- Echart-China-Map
- vue-xlsx(解析excel)
- 给elementUI的el-table添加骨架
- cdn引入配置
- Vue2.x之defineProperty应用
- 彻底弄懂diff算法的key作用
- 复制模板内容
- 表格操作按钮太多
- element常用组件二次封装
- Vue3.x
- Vue3快速上手(第一天)
- Vue3.x快速上手(第二天)
- Vue3.x快速上手(第三天)
- vue3+element-plus搭建项目
- vue3
- 脚手架
- vvmily-cli
- TS
- ts笔记
- common
- Date
- utils
- axios封装
- 2022年
- HTML
- CSS基础
- JavaScript 基础
- 前端框架Vue
- 计算机网络
- 浏览器相关
- 性能优化
- js手写代码
- 前端安全
- 前端算法
- 前端构建与编译
- 操作系统
- Node.js
- 一些开放问题、智力题