有些功能只能在https環(huán)境下進(jìn)行測試，如何在線下運(yùn)行時進(jìn)行https調(diào)試呢？
開啟vite.config中的https，然后引入并使用一個自動簽名的包即可。
方式1：
npm i?@vitejs/plugin-basic-ssl -D
// vite.config.js
import basicSsl from '@vitejs/plugin-basic-ssl'
export default {
server: {
https: true
},
plugins: [
basicSsl()
]
}啟動項(xiàng)目彈出一個??頁面，會提示不信任的證書。
方式2：
下面我們使用警告模式: vite-plugin-mkcert
npm i?vite-plugin-mkcert -D
// vite.config.js
import {defineConfig} from'vite'
import mkcert from'vite-plugin-mkcert'
// https://vitejs.dev/config/
export default defineConfig({
server: {
https: true
},
plugins: [mkcert()]
//plugins: [mkcert({ hosts: ['shop1.com.cn', 'shop1.xxx.com'})]
})
重新啟動就會沒有提示，一個安全的連接
文章來源：http://www.zghlxwxcb.cn/news/detail-775334.html
vite配置沒有警告的server.https - 掘金背景 vue3項(xiàng)目在啟動的時候，有時候我們要強(qiáng)制使用serve.https, vite項(xiàng)目需要一個合法的證書。 配置 方式1： 我們可以使用官方推薦的：@vitejs/plugin-basic-sslhttps://juejin.cn/post/7213636024111235127文章來源地址http://www.zghlxwxcb.cn/news/detail-775334.html
到了這里，關(guān)于vue3+vite如何在本地進(jìn)行https調(diào)試的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
