ホームページ  >  記事  >  ウェブフロントエンド  >  vue.jsでポート番号を変更する方法

vue.jsでポート番号を変更する方法

coldplay.xixi
coldplay.xixiオリジナル
2020-11-10 16:11:093589ブラウズ

vue.js でポート番号を変更する方法: 1. config フォルダーに [index.js] があります。その一部は次のとおりです。port はポート番号です。ここで変更します。2 【Vue 3.x】ポート番号を変更するには、プロジェクトのルートディレクトリに「vue.config.js」を作成する必要があります。

vue.jsでポート番号を変更する方法

このチュートリアルの動作環境: Windows10 システム、vue2.9、この記事はすべてのブランドのコンピューターに適用されます。

【おすすめ関連記事: vue.js

vue.js でポート番号を変更する方法:

1.Vue 2.x

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.xx

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

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

関連する無料学習の推奨事項: JavaScript (ビデオ)

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。