Vueプロジェクトでポート番号を変更する方法

方法: 1. 「config\index.js」フォルダーの「ポート」項目を変更します。「ポート」はポート番号を意味します。この方法では、VUE プロジェクトの起動ポート番号を永続的に変更できます。2 を使用します。 「module.exports={devServer:{port:ポート番号,}」を変更します。

この記事の動作環境: Windows 10 システム、Vue バージョン 2.9.6、DELL G3 コンピューター。

vue プロジェクトでポート番号を変更する方法

1.Vue 2.xx

config フォルダーの一部に、index.js があります。そのうちのは次のとおりです。 port それはポート番号であり、ここで変更できます。

module.exports = {
  dev: {
    env: require('./dev.env'),
    port: 8080,  // 端口号
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {},
    // CSS Sourcemaps off by default because relative paths are "buggy"
    // with this option, according to the CSS-Loader README
    // (https://github.com/webpack/css-loader#sourcemaps)
    // In our experience, they generally work as expected,
    // just be aware of this issue when enabling this option.
    cssSourceMap: false,
   }
};

2.Vue 3.x

#Vue 3.x でポート番号を変更するには、次の内容でプロジェクトのルート ディレクトリに vue.config.js を作成する必要があります。

module.exports = {
  devServer: {
    port: 8080,   // 端口号
  }
};

[関連する推奨事項:「vue.js チュートリアル」]

以上がVueプロジェクトでポート番号を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。