[svelte] 개발 환경에서 https 사용하기

- npm run dev 하면 https로 열수 있게 하기

- svelte https

 

 

1. 프로젝트 폴더로 이동

cd ./myapp

 

2. vite-plugin-mkcert 설치

npm i vite-plugin-mkcert -D

 

3. vite.config.js 코드 수정

import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
import mkcert from 'vite-plugin-mkcert'

// export default defineConfig({
// 	plugins: [sveltekit()]
// });
export default defineConfig({
	server: {       
        https: true,
        proxy: {}
    },

    plugins: [sveltekit(), mkcert()],
})

 

4. 개발 환경 실행

npm run dev

 

5. https://.... 주소로 브라우저 열기

 

 

추가 : 

.pem 파일을 만들어서 설정해야 하는 모든 과정을 생략할 수 있다. 자동으로 .pem 파일이 만들어지며 세팅 된다.

 

 

 

copyright 2023 워크식스