Vue Dev Https 실행방법

관리자 권한 powershell 실행

#choco 설치
Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

#mkcert 설치
choco install mkcert
mkcert -install

#인증서 다운로드받을 경로이동
mkcert example.com "*.example.com" example.test localhost 127.0.0.1 ::1

 

실행중인 프로젝트 

#vue cli2 -> webpack.dev.conf.js
#vue cli3 -> vue.config.js
const fs = require('fs')

devServer : {
	...,
    https: {
      key: fs.readFileSync('./path/example.com+5-key.pem'),
      cert: fs.readFileSync('./path/example.com+5.pem'),
    },
    public: 'https://localhost:8080/'
}

 

참조링크

stackoverflow.com/questions/45807049/how-to-run-vue-js-dev-serve-with-https

github.com/FiloSottile/mkcert