Как обслуживать Vue приложение по HTTPS?

Question

Я пытаюсь обслуживать приложение Vue через HTTPS вместо HTTP.

Я пытался добавить флаг --https к webpack-dev-server и добавить https: true в build/webpack.dev.cong.js, но когда я пытаюсь чтобы открыть приложение в браузере, оно вылетает со следующей ошибкой:

[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, или я должен добавить обратный прокси?

Answer 1

Если вы хотите сделать это на своем локальном компьютере, то вы захотите использовать NGINX для обслуживания HTTPS-traffi c и использовать его для обратного прокси на любой порт на вашем локальном компьютере, который вы используете. смонтировать webpack-dev-server. Возможно, есть способ заставить Webpack сделать это, но он не предназначен для этого.