如何在 HTTP-2 上使用 Vue-CLI-service 服务？

【问题标题】：How to use Vue-CLI-service serve on HTTP-2?如何在 HTTP-2 上使用 Vue-CLI-service 服务？
【发布时间】：2022-01-18 15:13:03
【问题描述】：

默认情况下，Vue-CLI-service 在 HTTP 1.1 上提供服务。有没有办法在 HTTP-2 上提供它？

【问题讨论】：

【解决方案1】：

Vue CLI's devServer configuration 被传递给底层的 Webpack，所以你可以设置 devServer.http2=true 来启用 HTTP2。请注意，Vue CLI 还需要 devServer.https=true 才能使用 HTTPS（HTTP2 工作所必需的）：

// vue.config.js
module.exports = {
  devServer: {
    https: true,
    http2: true,
  }
}

尽管 Webpack 对上述两个选项都有弃用警告，但此配置实际上适用于 Vue CLI 5.0.0-rc.1 使用的当前版本的 Webpack（版本 5.65.0）。在不启用devServer.https 的情况下切换到devServer.server=spdy 不起作用。

【讨论】：