首頁 > 文章 > web前端 > vuejs專案運行連接埠號碼哪裡改

vuejs專案運行連接埠號碼哪裡改

vuejs連接埠號碼可以在根目錄下config資料夾的「index.js」檔案中進行修改，具體方法：1、開啟「index.js」檔案；2、找到「port:8080」項，將預設的「8080」連接埠號碼修改為所需的連接埠號碼值即可。

vuejs專案運行連接埠號碼哪裡改

本教學操作環境：windows7系統、vue2.9.6版，DELL G3電腦。

更改vue專案運行的連接埠號碼

執行npm run dev實際上是在呼叫根目錄下的package.json

開啟package.json後來可發現有這樣一段程式碼

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

由此可知，我們應該查看build目錄下的dev-server.js檔案

在dev-server.js檔案中可找到

var uri = &#39;http://localhost:&#39; + port

此處的port便是我們將要尋找的，在dev-server.js的開始部分我們可以發現

var path = require(&#39;path&#39;)

而path又是從哪裡來的呢？

根目錄下有一個config資料夾，看名字就知道跟設定有關，開啟config目錄下的index.js。

此時可以看到專案配置了port:8080

# 執行時，連接埠號碼就是8080：

修改該值，例如修改為4040

好了，如此簡單！這裡不僅可以改變端口，還可以根據需要改變其他配置資訊。