在Vue中,我們可以使用Vue CLI(命令行界面)來創建和管理Vue項目。在默認情況下,Vue項目啟動的端口是8080。
如果我們需要更改Vue項目的端口號,只需要在Vue CLI中輸入以下命令:
vue-cli-service serve --port 3000
其中,--port參數指定的就是項目啟動時的端口號。執行上述命令后,我們可以通過瀏覽器訪問http://localhost:3000,即可看到項目的頁面。
除了通過命令行更改端口號外,我們還可以通過修改Vue項目配置文件來實現相同的效果。
Vue項目的配置文件是vue.config.js,它位于項目根目錄下。如果該文件不存在,我們可以通過以下命令在項目根目錄下創建該文件:
touch vue.config.js
在vue.config.js中,我們可以使用port選項來指定Vue項目的端口。例如,要將Vue項目的端口改為3000,我們可以在vue.config.js中添加以下內容:
module.exports = { devServer: { port: 3000 } }
以上代碼中,devServer對象包含了我們配置Vue項目開發服務器的所有選項。其中,port選項指定了項目的端口號。
除了port選項外,Vue項目的vue.config.js文件還支持很多其他的選項。例如,我們可以通過設置proxy選項來配置Vue項目的代理服務器,以實現跨域請求。又例如,我們可以通過設置publicPath選項來指定項目的公共路徑。
最后,值得一提的是,當我們在vue.config.js中修改了Vue項目的配置后,必須要重啟Vue項目才能使修改生效。
上一篇vue 和模板引擎