vue.js怎麼改連接埠號

vue.js更改連接埠號碼的方法：1、config資料夾中有一個【index.js】其中部分內容如下，port即為連接埠號，在這裡更改；2、【Vue 3.x 】中修改埠號則需要在專案根目錄下建立一個【vue.config.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.x

Vue 3.x中修改連接埠號碼則需要在專案根目錄下建立vue.config.js，內容如下。

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

相關免費學習推薦：JavaScript（影片）

以上是vue.js怎麼改連接埠號的詳細內容。更多資訊請關注PHP中文網其他相關文章！