Vue修正項目の起動ポート番号方法


プロジェクトのpackage.jsonには下記のコードがあります。
start属性指定のファイルは開発モードで起動するサービスファイルです。

"scripts": {
 "dev": "node build/dev-server.js",
 "start": "node build/dev-server.js",
 "build": "node build/build.js",
 "lint": "eslint --ext .js,.vue src"
}
buildディレクトリの下のdev-server.jsには下記のコードがあります。
uriはポートを連結する前に、まずポート番号を生産するか開発するかによって、異なるポート番号を与えられていることが分かります。
開発環境下のポート番号はconfigディレクトリから来ています。

var config = require('../config')
...
var port = process.env.PORT || config.dev.port
...
var uri = 'http://localhost:' + port
configディレクトリのindex.jsには、下記のコードがあります。
ここのportを修正すれば、開発環境下でプロジェクトを開始するポート番号を修正できます。

dev: {
 ...
 port: 8090,
 ...
}
以上のVue修正項目のポート番号を起動する方法は、小編集が皆さんに提供した内容の全部です。参考にしていただければと思います。よろしくお願いします。