溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關vuejs項目運行端口號怎么改，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
vuejs端口號可以在根目錄下config文件夾的“index.js”文件中進行修改，具體方法：1、打開“index.js”文件；2、找到“port:8080”項，將默認的“8080”端口號修改為需要的端口號值即可。
本教程操作環境：windows7系統、vue2.9.6版，DELL G3電腦。
執行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 = 'http://localhost:' + port
此處的port便是我們將要尋找的，在dev-server.js的開始部分我們可以發現
var path = require('path')而path又是從哪里來的呢？
根目錄下有一個config文件夾，看名字就知道與配置有關，打開config目錄下的index.js。
此時可以看到項目配置了 port:8080
運行時，端口號就是8080：
修改該值，比如修改為4040
好了，如此簡單！這里不僅可以改變端口，還可以根據需要改變其他配置信息。
關于“vuejs項目運行端口號怎么改”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
