u

notes/前端开发/https/vite_https配置.md

@@ -0,0 +1,57 @@
+## **@vitejs/plugin-basic-ssl**
+
+安装
+
+```bash
+pnpm add -D @vitejs/plugin-basic-ssl
+```
+
+在 **vite.config.js** 中进行使用
+
+```ts
+import basicSsl from '@vitejs/plugin-basic-ssl'
+
+export default defineConfig({
+  plugins: [vue(), basicSsl()],
+  server: {
+    host: '0.0.0.0',
+    https: true
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'src')
+    }
+  }
+})
+```
+
+重新运行项目即可
+
+
+
+## mkcer (避免警告)
+
+参考文档  [nginx_https配置.md](./nginx_https配置.md) 的配置方法
+
+修改 **vite.config.js** 文件
+
+```js
+import fs from 'fs'
+
+export default defineConfig({
+  plugins: [vue()],
+  server: {
+    host: '0.0.0.0',
+    https: {
+        key: fs.readFileSync('D:/Devtool/localhost+3-key.pem'),
+        cert: fs.readFileSync('D:/Devtool/localhost+3.pem'),
+    }
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'src')
+    }
+  }
+})
+```
+