前言： https 的配置是相對(duì)安全的，但是需要購(gòu)買(mǎi)證書(shū)，它是 SSL/TLS + HTTP 的安全超文本網(wǎng)絡(luò)協(xié)議
此版本配置的是在 vite 開(kāi)發(fā)服務(wù)器上臨時(shí)配置的 https 協(xié)議， 生產(chǎn)環(huán)境需要購(gòu)買(mǎi)證書(shū)， 在nginx 中配置
1、本地模擬生成證書(shū)
在 vite 項(xiàng)目根目錄中創(chuàng)建 mkcert 目錄
全局安裝 mkcert
yarn add -g mkcert
利用 mkcert 創(chuàng)建 ca
mkcert create-ca
根據(jù) ca 創(chuàng)建 cert （domains 后面跟著的是域名或者ip）
mkcert create-cert --domains 127.0.0.1,localhost
創(chuàng)建完成之后如上圖
2、安裝證書(shū)
找到 ca.crt 文件雙擊
3、vite 中使用插件支持 https 協(xié)議
在 vite 項(xiàng)目中安裝 @vitejs/plugin-basic-ssl 支持 https 協(xié)議
yarn add @vitejs/plugin-basic-ssl -D
vite.config.js 引入 使用文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-766230.html
import pluginBasicSsl from “@vitejs/plugin-basic-ssl”文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-766230.html
plugins: [
vue(),
pluginBasicSsl() // 此插件支持 https 協(xié)議
],
到了這里，關(guān)于vite中配置 https 安全超文本網(wǎng)絡(luò)協(xié)議的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
