vuejs端口號(hào)可以在根目錄下config文件夾的“index.js”文件中進(jìn)行修改，具體方法：1、打開(kāi)“index.js”文件；2、找到“port:8080”項(xiàng)，將默認(rèn)的“8080”端口號(hào)修改為需要的端口號(hào)值即可。

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

更改vue項(xiàng)目運(yùn)行的端口號(hào)

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

打開(kāi)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的開(kāi)始部分我們可以發(fā)現(xiàn)

var path = require('path')

而path又是從哪里來(lái)的呢？

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

此時(shí)可以看到項(xiàng)目配置了 port:8080

運(yùn)行時(shí)，端口號(hào)就是8080：

修改該值，比如修改為4040

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