前言
通常情况下,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