Vue CLI是一個基于Vue.js的組件化開發工具,它提供了一套快速搭建Vue.js項目的腳手架。Vue CLI在項目創建時,會自動設置本地開發服務器。本地服務器通過監聽一個端口來接收請求并響應HTTP請求。
端口(Port)是指用于區分數據傳輸的進程或者應用程序的標識,是計算機通信過程中的抽象概念,其范圍是從0到65535。對于Vue CLI項目,端口的默認值為8080。然而,由于某些原因或者其它應用程序使用了該端口,導致Vue CLI執行啟動失敗或者不能打開的情況。
module.exports = {
devServer: {
port: 1234
}
}
為了解決這種問題,我們可以更改Vue CLI的本地開發服務器端口。在Vue CLI的webpack配置文件中,devServer屬性提供了設置端口的選項。將其設置為我們需要的端口即可。
需要注意的是,更改了端口之后,Vue CLI需要重新啟動服務才能生效。我們可以通過打開控制臺,進入Vue CLI所在目錄,并執行npm run serve來重新啟動服務。
$ cd my-project
$ npm run serve