vue專案本地開啟https訪問模式

在實際開發中，我們會以https形式進行頁面訪問，但是根據vue-cli的版本不同，配置方式也有所差異，以下分別從vue-cli3.x和vue-cli2.x構建的專案分別進行配置開啟https:

vue-cli3.x 專案：

使用vue腳手架3.x搭建的專案，配置開啟https方法比較簡單，在專案根目錄下的vue.config.js檔案中增加屬性 https: true 即可。

// vue.config.js

module.exports = }},
// 此處開啟 https
}}

vue-cli2.x 專案：

使用cli2.x搭建的專案開啟https較為複雜，關鍵是openssl生成證書檔案，如果本地沒有證書，要先生成證書，以及修改專案中配置。

1.生成本地證書

若本地已經安裝了git客戶端，其中包括了openssl程式，可直接在專案檔案目錄開啟git bash 介面，輸入以下命令

① 在build資料夾下新建 cert 資料夾，在cert目錄下開啟git bash輸入以下命令生成私鑰 .key 檔案

openssl genrsa -out private.key 1024

openssl req -new -key private.key -out csr.key

openssl x509 -req -days 3650 -in csr.key -signkey private.key -out file.crt

簡要說明：數字證書是一種用於電腦的身份識別機制。由數字證書頒發機構（ca）對使用私鑰建立的簽名請求檔案做的簽名（蓋章），表示 ca 結構對證書持有者的認可。數字證書擁有以下幾個優點：

① 使用數字證書能夠提高使用者的可信度

② 數字證書中的公鑰，能夠與服務端的私鑰配對使用，實現資料傳輸過程中的加密和解密

③ 在證認使用者身份期間，使用者的敏感個人資料並不會被傳輸至證書持有者的網路系統上

x.509 證書包含三個檔案：key，csr，crt。

① key 是伺服器上的私鑰檔案，用於對傳送給客戶端資料的加密，以及對從客戶端接收到資料的解密

② csr 是證書簽名請求檔案，用於提交給證書頒發機構（ca）對證書簽名

③ crt 是由證書頒發機構（ca）簽名後的證書，或者是開發者自簽名的證書，包含證書持有人的資訊，持有人的公鑰，以及簽署者的簽名等資訊

在密碼學中，x.509 是乙個標準，規範了公開秘鑰認證、證書吊銷列表、授權憑證、憑證路徑驗證演算法等。

(下面只展示了主要**)

// 開啟 https服務

// ...

// 其他邏輯**

server.listen(port) // 開啟https總結，上述都是在本地模式下開啟https訪問，當然，開啟https的方法還有很多，但是因為大家的實際專案結構或者版本差異較大，可能不是適用所有，網上也有很多教程，畢竟也是乙個個坑踩過來的，希望能幫助大家，如果有錯誤或者不清楚的地方，歡迎指出，大家一起學習進步！

前端使用Nuxt框架，配置本地https訪問

因部分api需要https才能實現，所以需要配置本地開發環境的https訪問 1 生成本地使用的https證書 2 在nuxt.config.js中引入證書 npm install g mkcert2 建立證書頒發機構 mkcert create ca建立成功後如圖所示 3 建立證書 mkcert ...

Ceph集群部署及RGW開啟https訪問

注 ca證書建立流程多種多樣，如有需要請自行學習，此處僅提供一種稍簡單的建立方式，以下流程請嚴格按照順序執行 將生成好的證書複製到其他節點的證書目錄下 scp etc ceph cert node02 etc ceph cert scp etc ceph cert node03 etc ceph c...

本地建立vue專案

1 安裝nodejs 2 安裝webpack 安裝命令 cnpm install webpack g 安裝完成，通過webpack v來檢視當前webpack版本 3 安裝全域性的vue cli腳手架,用於幫助搭建所需的模板框架 全域性安裝後，可直接進入任意目標資料夾新建vue專案 安裝命令 npm...