sanguk.dev
작성완료
MacOS에서 localhost에 https 적용하기

MacOS에서 localhost에 https 적용하기

MacOS에서 localhost에 HTTPS를 적용하기 위해 mkcert 모듈을 설치하고, localhost와 관련된 키를 생성한 후, 로컬 CA를 설치하고 Vite 개발 환경에 HTTPS 설정을 적용하는 방법을 설명합니다.

NetworkSSL 인증서HTTPSBrowser

1. 모듈 설치

bash
brew install mkcert

2. 키 생성

bash
mkcert localhost 127.0.0.1 192.168.0.7

localhost 와 127.0.0.1, 내부ID 를 사용할 수 있도록 키를 만든다.

3. 로컬 CA(인증 기관) 설치

bash
mkcert -install

4. Vite 개발 환경에 HTTPS 적용

bash
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import fs from "fs";

export default defineConfig({
  plugins: [react()],
  server: {
    host: "0.0.0.0",
    https: {
      key: fs.readFileSync("./keys/key.pem"), // key 파일 적용
      cert: fs.readFileSync("./keys/cert.pem"), // cert 파일 적용
    },
  },
});