vuejs端口號可以在根目錄下config文件夾的“index.js”文件中進行修改，具體方法：1、打開“index.js”文件；2、找到“port:8080”項，將默認的“8080”端口號修改為需要的端口號值即可。

本教程操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

更改vue項目運行的端口號

執(zhí)行npm run dev實際是在調(diào)用根目錄下的package.json

打開package.json后可發(fā)現(xiàn)有這樣一段代碼

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

由此可知，我們應(yīng)該查看build目錄下的dev-server.js文件

在dev-server.js文件中可找到

var uri = 'http://localhost:' + port

此處的port便是我們將要尋找的，在dev-server.js的開始部分我們可以發(fā)現(xiàn)

var path = require('path')

而path又是從哪里來的呢？

根目錄下有一個config文件夾，看名字就知道與配置有關(guān)，打開config目錄下的index.js。

此時可以看到項目配置了 port:8080

運行時，端口號就是8080：

修改該值，比如修改為4040

好了，如此簡單！這里不僅可以改變端口，還可以根據(jù)需要改變其他配置信息。