### 前言
> 設置這個是比較好用的。代理的話,最好是以跑 https 做測試。如果想弄個免費的證書的話,點擊我
### 證書上傳
> 上傳直接可以通過 finalShell 工具,證書放在:/etc/ssl/certs/證書名.pem;
### 配置http重定向https
> 進入到
```
cd /usr/local/nginx/conf/
```
> 編輯
```
vi nginx.conf
```
> 找到 server 是 80的。加上重定向到https上面
```
# 省略代碼塊
server {
listen 80;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
rewrite ^(.*)$ https://$host$1 permanent; #用于將http頁面重定向到https頁面
location / {
root html;
index index.html index.htm;
}
# 省略代碼塊
```
> 加上了后,在找到注釋的:#?HTTPS?server 。將下面的一段話http的注釋打開,然后更改ssl地址
```
# 省略代碼塊 。找到 HTTPS server注釋,下面全部打開
# HTTPS server
server {
listen 443 ssl;
server_name localhost;
ssl_certificate /etc/ssl/certs/4489861_www.lolku.cn.pem;
ssl_certificate_key /etc/ssl/certs/4489861_www.lolku.cn.key;
ssl_session_cache shared:SSL:1m;
ssl_session_timeout 5m;
ssl_ciphers HIGH:!aNULL:!MD5;
ssl_prefer_server_ciphers on;
location / {
root html;
index index.html index.htm;
}
}
```
### 重新啟動配置
> 重啟后,就可以在頁面上跑了。
```
/usr/local/nginx/sbin/nginx -s reload
```
### 二級域名https代理
> 前面只是講解當前一級域名https的請求。根據http二級域名經驗,進行制作二級https二級域名。都是一樣的,只要后面新增一個新的,然后再代理上新的就好了(注意:一定是在第一個server的后面新增server)。比如:
```
worker_processes 1;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;
server {
listen 80;
server_name localhost;
rewrite ^(.*)$ https://$host$1 permanent; #用于將http頁面重定向到https頁面
location / {
root html;
index index.html index.htm;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
# 只能在后面新增,不能放在前面
server {
listen 80; # 端口
server_name api.xxxx.cn; # 域名
rewrite ^(.*)$ https://$host$1 permanent; #用于將http頁面重定向到https頁面
location / {
proxy_pass http://localhost:3000; # 代理的地方
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
}
# # HTTPS server
# #
server {
listen 443 ssl;
server_name localhost;
ssl_certificate /etc/ssl/certs/xxxxx.pem;
ssl_certificate_key /etc/ssl/certs/xxxxx.key;
ssl_session_cache shared:SSL:1m;
ssl_session_timeout 5m;
ssl_ciphers HIGH:!aNULL:!MD5;
ssl_prefer_server_ciphers on;
location / {
root html;
index index.html index.htm;
}
}
# 只能在后面新增,不能放在前面
server {
listen 443 ssl;
server_name api.xxx.cn;
ssl_certificate /etc/ssl/certs/xxxxxx.pem;
ssl_certificate_key /etc/ssl/certs/xxxxxx.key;
ssl_session_cache shared:SSL:1m;
ssl_session_timeout 5m;
ssl_ciphers HIGH:!aNULL:!MD5;
ssl_prefer_server_ciphers on;
location / {
proxy_pass http://localhost:3000; # 代理的地方
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
}
}
```
### 訪問
> 訪問 http://xxx.cn 是可以的,然后api.xxx.cn 會報危險警告,原因在于代理的 proxy_pass http://localhost:3000; 這個地址是 http 不是https,所以有問題。解決方案:http://locakhost:3000 換成 https://locakhost:3000 或者改成 https://xxx.cn:3000
### 重啟下配置
> 注意:每次更改下配置都得重新啟動下
```
/usr/local/nginx/sbin/nginx -s reload
```
- LOLKU
- 工具類
- form/formData
- form
- formData
- iframe
- 渲染數據,防止內存泄漏
- 獲取url(路由)參數
- 常用方法
- 失去焦點軟鍵盤頁面亂
- 判斷數據類型
- 瀏覽器全屏
- 動態插入css
- 隨機生成自定義長度位數數字
- 驗證判斷
- localStorage 封裝存儲
- 格式化日期
- 計算兩個時間差
- 去除空格
- 將駝峰命名轉換為連字符
- 獲取dom屬性
- 深拷貝
- class操作
- 判斷是否打開瀏覽器控制臺
- 全國城市地區代碼表
- canvas合成工具
- 去除emoji表情符號
- 比較兩個對象屬性和內容(值)一致
- 微信結束頁面事件
- 正則匹配url替換域名
- 字符串拼接(渲染dom后傳值)
- 判斷是否是正則
- 日歷算法
- json 工具
- 是否支持webp格式
- h5底部輸入框被鍵盤遮擋問題
- php
- php 二級域名管理
- 單個或者多個域名跨域
- file_get_contents 正確使用
- fromData請求無法攜帶cookie
- 簡單的加密文件傳輸
- css
- 1px
- 滾動
- ios點擊有顏色
- 文本溢出省略號
- css動畫抖動
- 文本換行與不換行
- 阻止旋轉屏幕時自動調整字體大小
- vue
- vscode 調試
- 新技術
- vue-router 4.0
- vue3
- 基礎
- 試驗
- javascript
- 上傳問題
- 文件選中過,第二次再次選中不觸發change事件
- 上傳oss
- 后臺
- linux搭建服務
- 需安裝
- nginx
- 安裝
- nginx http 配置二級域名
- nginx https 配置二級域名
- 防止暴力破解
- 阿里申請免費https
- git
- 快速安裝
- 配置項
- node
- 安裝
- pm2
- mysql
- 安裝
- 創建、切換、查詢數據庫
- 常用命令
- cmake 編譯器
- redis
- 軟件下載
- git
- 百度git 記住密碼
- 經驗
- 上傳
- 軟件
- vscode
- 推薦插件
- 應用開發
- nwjs
- 入門
- package.json
- vue、react、angular 跑nwjs
- 打包
- 監聽屏幕
- 運行另一個.exe文件
- node應用
- electron
- 資料
- 安裝
- 實戰
- 崩潰日志報告
- electron-forge
- 托盤閃爍
- 開機自動啟動
- 消息通知
- 禁止默認事件
- 保證只有一個實例
- 打包且美化安裝界面
- 創建cli
- 添加Github徽章
- 自動更新
- docsify
- Lowdb存儲數據
- 備份、恢復、導入、導出
- 深度鏈接(協議)喚起Electron應用
- 說明
- 加載擴展插件
- 證書
- Sketch 插件
- 工作
- 宣傳文章地址
- api
- tinypng
- npm 插件
- fs封裝:fs-jetpack
- 判斷是否npm或yarn運行
- 字符串或緩沖區的gzip壓縮大小
- 克隆并修改RegExp實例
- 反轉對象的鍵/值
- http路由find-my-way
- dragula 拖拽(拖放)
- svga
- npm 腳手架搭建
- 項目
- 小工具
- svg轉圖片
- 日歷