webpack如何设置devServer启动项目为https协议

前言

通常情况下，webpack的devServer在启动本地项目时，默认都是http协议，但是有时候我们需要测试比如获取经纬度这些功能，就要求我们的协议是https，那么如何配置webpack的devServer,让其在启动项目的时候，默认是https协议呢？

如何配置webpack

很简单，我们只需要改webpack的devServer的其中一项配置，即可实现启动项目的时候，默认是https协议

devServer: {
	host: '0.0.0.0',
	port: 8080,
	https: true, // 加入这句即可
}

react脚手架如何配置webpack的devServer

• 阅读react脚手架的webpack配置
  
• 找到getHttpsConfig.js，发现关于devServer的https与process.env.HTTPS这一变量有关
  
• 那么直接修改package.json的script打包命令，即可让启动本地项目时为https协议
  
• 备注：在修改script命令前，先安装cross-env依赖

npm i cross-env -D

文章参考：https://blog.youkuaiyun.com/dclnet/article/details/96316401