如何通过 HTTPS 服务 Vue 应用程序？答案

【问题标题】：How to serve Vue application over HTTPS?如何通过 HTTPS 服务 Vue 应用程序？
【发布时间】：2020-08-18 20:06:46
【问题描述】：

我正在尝试通过 HTTPS 而不是 HTTP 为 Vue 应用程序提供服务。

我尝试将 --https 标志添加到 webpack-dev-server 并在 build/webpack.dev.cong.js 中添加 https: true 但是当我尝试在浏览器中打开应用程序时，它会崩溃并出现以下错误：

[DEP0066] DeprecationWarning: OutgoingMessage.prototype._headers is deprecated
internal/buffer.js:945
class FastBuffer extends Uint8Array {}
^

RangeError: Invalid typed array length: -4095
at new Uint8Array (<anonymous>)

我有什么遗漏的吗？或者有什么解决方案？

如果 HTTPS 正确配置为 webpack devServer，在构建项目后，它在使用 nginx 之类的 Web 服务器服务时也可以正常工作，或者我必须添加一些反向代理？

【问题讨论】：

标签： vue.js webpack https webpack-dev-server

【解决方案1】：

如果您想在本地计算机上执行此操作，那么您将需要使用 NGINX 来提供 HTTPS 流量并使用它来反向代理到您挂载 webpack-dev-server 的本地计算机上的任何端口.可能有一种方法可以让 Webpack 做到这一点，但它并不是为了做到这一点而设计的。

【讨论】：

这是 100% 错误的。 webpack 开发服务器旨在生成自签名证书并通过 HTTPS 提供流量。