vite 로컬에서 https 설정

vite.config.ts 파일수정

 

yarn add vite-plugin-mkcert -D

 

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import tsconfigPaths from 'vite-tsconfig-paths';
import mkcert from 'vite-plugin-mkcert';
// https://vitejs.dev/config/
export default defineConfig({
  server: { https: { key: './yourKey.key', cert: './yourCert.crt' } },
  plugins: [
    react({
      jsxImportSource: '@emotion/react',
      babel: {
        plugins: ['@emotion/babel-plugin'],
      },
    }),
    tsconfigPaths(),
    mkcert(),
  ],
});