最近在作一个浏览器通知的交互需求,可是查阅官方文挡,浏览器通知须要在https环境下才能工做,因而就研究怎么在开发环境下配置一个https服务器webpack
Chocolatey是Windows上的包管理工具,使用它能够使用命令行安装程序,使用管理员权限打开cmd,再运行以下代码,一路确认容许便可安装成功web
@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"
mkcert是用来生成证书的软件,使用下列命令安装mkcert,一样要用管理员权限运行cmdshell
choco install mkcert -y
mkcert -install
先要指定生成的域名本地证书的存放目录,此处我以D盘下ca目录,生成test.dev域名证书作演示,详细命令行以下浏览器
D: mkdir ca cd ca mkcert test.dev
把上面生成test.dev-key.pem和test.dev.pem拷贝到项目目录下,此处我是在项目根目录下新建https存放服务器
devServer: { host: "jydeng.dev", port: 80, disableHostCheck: true, https: { key: fs.readFileSync(path.resolve(__dirname, "./https/test.dev-key.pem")), cert: fs.readFileSync(path.resolve(__dirname, "./https/test.dev.pem")), }, }
我平时习惯用switchhost来管理电脑的host,也能够手动修改C:\Windows\System32\drivers\etc\hostside
127.0.0.1 test.dev
浏览器打开test.dev,就能够看到已是运行在https环境下了。工具