localhost에 SSL 적용하기

localhost는 SSL이 적용되지 않는 http일지라도 SSL이 적용된 것으로 간주됩니다. 그럼에도 불구하고 localhost에 SSL을 적용해야할 상황이 생깁니다.

먼저 다음 패키지를 설치합니다.

npm install @vitejs/plugin-basic-ssl

vite.config.js에서 다음 코드를 추가합니다.

import basicSsl from '@vitejs/plugin-basic-ssl' // ADDED

export default {
  ...

  plugins: [
    ...

    basicSsl(), // ADDED
  ]

  ...
}

이제 http://localhost가 아닌 https://localhost로 결과를 확인할 수 있습니다. 하지만 SSL 인증서가 적합하지 않으므로 웹브라우저에서 사용자가 추가적인 허용을 해줘야 합니다.