1. ホーム
  2. https

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:' + portvar uri = 'https://localhost:' + port を追加しました。