在使用Vue進行開發時,我們往往需要打開一個本地服務器,來運行Vue應用。而在這個過程中,我們會發現,每次啟動Vue應用時,瀏覽器地址欄中會出現“localhost:8080”的地址。這是因為Vue的開發服務器默認運行在8080端口上。如果您想了解這個問題的根本原因以及如何解決它,請繼續閱讀下面的內容。
// 拉取Vue官方提供的Starter項目
$ git clone https://github.com/vuejs-templates/webpack-simple.git
// 進入項目目錄
$ cd webpack-simple
// 安裝項目依賴
$ npm install
// 啟動開發服務器
$ npm run dev
在上面的代碼中,我們使用了Vue官方提供的Starter項目,這是一個基本的、可以直接用來開發的Vue項目。進入項目目錄后,我們使用“npm install”命令來安裝項目依賴,然后使用“npm run dev”命令來啟動開發服務器,這時我們就可以在瀏覽器中訪問“localhost:8080”地址,看到Vue應用的頁面。但是,8080究竟是怎么來的呢?
module.exports = {
dev: {
port: 8080
}
}
上面的代碼是Vue項目根目錄下的“config/index.js”文件的一部分,這個文件中定義了Vue應用的一些配置信息。在其中,我們可以找到“dev”選項,這個選項是用來配置開發服務器的。我們可以看到,在“dev”選項中,有一個“port: 8080”的配置,這就是Vue開發服務器默認使用的端口號。如果您需要將Vue應用的端口號從8080改為其他值,只需要在這里修改即可。
總之,8080端口就是Vue開發服務器默認使用的端口號。如果您在開發Vue應用時遇到了這個問題,只需要了解上述內容,然后修改“config/index.js”文件中的“port”選項即可。