如何在VuePress开发服务器中启用HTTPS？是否有可用钩子？

针对你的问题，我来梳理下可行的方案和踩坑点：

一、你当前用的临时方案（可行但不优雅） #

你直接修改node_modules/@vuepress/core/lib/node/dev/index.js里的代码，添加https: true确实能生效，但这种修改依赖包源码的方式有个明显问题——每次重新安装依赖后，修改的内容都会丢失，长期维护起来很麻烦：

createServer () {
  const contentBase = path.resolve(this.context.sourceDir, '.vuepress/public')
  const serverConfig = Object.assign({
    https: true, // <--- 添加此行
    disableHostCheck: true,
    compress: true,
    clientLogLevel: 'error',
  })

二、为什么你试过的方案无效？ #

你提到的几个无效方案，我来拆解下背后的原因：

• configureWebpack配置devServer.https无效：VuePress的开发服务器逻辑在核心层做了封装，并不是直接读取webpack-dev-server的配置来初始化，所以直接在configureWebpack里修改devServer的https配置，不会被上层的服务器创建逻辑识别到。
• beforeDevServer/afterDevServer钩子没找到合适用法：这两个钩子的设计初衷是让你在服务器启动前后执行额外操作，比如添加中间件，但VuePress并没有通过这两个钩子暴露修改服务器HTTPS配置的入口。
• dev命令无HTTPS选项：目前VuePress官方的dev命令确实没有内置HTTPS开关，从核心命令的源码里也能确认这一点。

三、更优雅的替代方案 #

既然修改源码的方式不够持久，推荐你用patch-package给依赖包打补丁，这样修改后的配置能被持久化保存，重新安装依赖后也会自动生效：

1. 先安装patch-package到开发依赖：

npm install patch-package --save-dev

2. 按照你之前的方法，修改node_modules/@vuepress/core/lib/node/dev/index.js中的代码，添加https: true；
3. 生成补丁文件：

npx patch-package @vuepress/core

4. 之后每次执行npm install后，patch-package都会自动帮你把补丁应用到依赖包中，不用再手动修改源码。

如果需要使用自定义SSL证书（而非默认的自签名证书），可以把https: true改成配置对象，指定你的证书路径：

// 记得先引入fs模块
const fs = require('fs');

// 在serverConfig中修改https配置
https: {
  key: fs.readFileSync('/path/to/your/private-key.pem'),
  cert: fs.readFileSync('/path/to/your/certificate.pem')
},

背景补充 #

你提到Chrome浏览器修改了CORS安全策略所以需要启用HTTPS，这确实是当下前端开发的常见痛点——现在Chrome对跨域请求的限制越来越严格，本地开发环境启用HTTPS能避免很多调试时的跨域报错，让调试更贴近生产环境。

内容的提问来源于stack exchange，提问作者nico