localhost에 https 설정하기

• 터미널에서 인증 기관 설치하고

brew install nss
brew install mkcert
mkcert -install

• 프로젝트 루트에 .certs폴더 생성 후 인증서를 발급함

mkcert -key-file ./.certs/key.pem -cert-file ./.certs/cert.pem localhost

• package.json에 서버 열때 적용해줄 수 있게 설정해줌

  "scripts": {
    "dev": "nuxt dev --port 8080 --https=true --ssl-cert=.certs/cert.pem --ssl-key=.certs/key.pem -o"
  },

• 생성한 인증서와 키는 로컬이 아니면 의미 없으니 .gitignore에도 등록해줌

삽질로그

로그인 작업을 하다 https 에러가...
페이스북의 경우 검색해보니 그냥 로컬호스트 등록하면 안되고 테스트 앱을 생성해 로컬주소를 설정해주면 된다 해서 해줬는데 에러는 계속 났다😰
그래서 검색해보니 로컬서버에서도 https를 설정해줄 수 있다 해서 작업해보니 에러가 사라졌다 만세🖐🏼🤚🏼
https 설정을 해주니 메타가 지원하는 버튼도 잘나왔...?!