vuejs プロジェクトの実行ポート番号はどこで変更すればよいですか?

vuejs のポート番号は、ルート ディレクトリの config フォルダーにある "index.js" ファイルで変更できます。具体的な方法は次のとおりです: 1. "index.js" ファイルを開きます; 2. " port:8080」項目で、デフォルトの「8080」ポート番号を必要なポート番号の値に変更します。

このチュートリアルの動作環境: Windows 7 システム、vue バージョン 2.9.6、DELL G3 コンピューター。

実行する vue プロジェクトのポート番号を変更します

npm run dev を実行すると、実際にはルート ディレクトリの package.json が呼び出されます

パッケージを開きます。 json その後、このようなコードを見つけることができます

"scripts": {
    "dev": "node build/dev-server.js",
    "build": "node build/build.js",
    "lint": "eslint --ext .js,.vue src"
  }

これから、ビルド ディレクトリにある dev-server.js ファイルを確認する必要があることがわかります。

これは、次の場所にあります。 dev-server.js ファイル

var uri = 'http://localhost:' + port

ここで探しているのはポートです。dev-server.js の先頭で

var path = require('path')

を見つけます。パスはどこから来たのでしょうか?

ルートディレクトリにconfigフォルダがあるので、名前からconfigに関係するフォルダであることが分かりますので、configディレクトリ内のindex.jsを開きます。

この時点で、プロジェクトが port:8080 で構成されていることがわかります。

実行時のポート番号は 8080:

値を変更します。たとえば、4040

## に変更します。 #わかりました、とても簡単です!ここでポートを変更できるだけでなく、必要に応じて他の構成情報も変更できます。

関連する推奨事項:「

vue.js チュートリアル 」

以上がvuejs プロジェクトの実行ポート番号はどこで変更すればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。