Vue.js dev serve を https で動かすには?
2023-08-22 10:02:27
質問
Vue-cliを使用して、webpackテンプレートでvueプロジェクトを作成しています。
npm run dev
?
どのように解決するのですか?
Webpackのテンプレートでは
express
を開発用サーバーとして使用します。そのため、以下のように置き換えるだけです。
var server = app.listen(port)
の中に以下のコードを記述します。
build/dev-server.js
var https = require('https');
var fs = require('fs');
var options = {
key: fs.readFileSync('/* replace me with key file's location */'),
cert: fs.readFileSync('/* replace me with cert file's location */'))
};
var server = https.createServer(options, app).listen(port);
webpackのテンプレートでは、ご注意ください。
http://localhost:8080
は自動的にブラウザで開かれ
opn
モジュールで自動的に開かれます。そのため
var uri = 'http://localhost:' + port
を
var uri = 'https://localhost:' + port
を追加しました。
関連
-
[解決済み] webpackでjQueryプラグインの依存関係を管理する
-
[解決済み] インポートパスの中の@はどういう意味ですか?
-
[解決済み] Vue.jsで環境変数を使用する
-
[解決済み] Vueの「エクスポートデフォルト」と「新しいVue」の比較
-
[解決済み] HTTPS上での平文パスワード
-
[解決済み] PhantomJS が HTTPS サイトを開くのに失敗する。
-
[解決済み] ASP.NET Core 2.1 + KestrelでHTTPSを無効にするにはどうすればいいですか?
-
[解決済み] HTTPS/Web Sockets Secureで動作するWebpack Dev Server
-
[解決済み] RestSharp - SSLエラーを無視する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン