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

@vitejs/plugin-basic-ssl

安装

pnpm add -D @vitejs/plugin-basic-ssl

在 vite.config.js 中进行使用

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 的配置方法

修改 vite.config.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')
    }
  }
})