vue中的端口號如何改修
更新時間：2026年01月01日 17:15:25 作者：大寧寧吖
文章介紹了兩種在Vue項目中修改端口號的方法：一種是在`webpack.config.js`或`vue.config.js`中配置`devServer`,另一種是修改`package.json`中的`scripts`屬性,在`serve`或`dev`命令后加上`--port`指定端口號
vue端口號改修
方法一
在根目錄webpack.config.js或vue.config.js中配置devServer
module.exports = {
devServer: {
host: 'localhost',
port: 9000, // 端口
}
}方法二
在package.json中的scripts進行配置
若項目是用cli3+版本創(chuàng)建則在serve的屬性值后加上--port 9000，若是用cli2創(chuàng)建的項目則在dev的屬性值后加上--port 9000。
如下：
"serve": "vue-cli-service serve --port 9000",
配置完重新運行項目即可
運行效果如下：
總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Vue3如何在SCSS中使用v-bind,通過template先創(chuàng)建一個通用的頁面結構,本文結合實例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-03-03
MD5是一種信息摘要算法(對稱加密),一種被廣泛使用的密碼散列函數(shù),可以產(chǎn)生出一個128位(16字節(jié))的散列值,用來確保信息傳輸完整一致性,這篇文章主要給大家介紹了關于Vue3使用MD5加密的相關資料,需要的朋友可以參考下2023-05-05
vue2中provide/inject的使用與響應式傳值詳解
Vue中 Provide/Inject實現(xiàn)了跨組件的通信,下面這篇文章主要給大家介紹了關于vue2中provide/inject的使用與響應式傳值的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-09-09
對于一個前端小白來說,在vue項目開發(fā)過程中,當遇到應用邏輯出現(xiàn)錯誤,使用好調(diào)試工具更能準確定位到問題,這篇文章主要介紹了Vue3前端調(diào)試技巧與開發(fā)完整指南的相關資料,需要的朋友可以參考下2026-04-04
Uniapp的vue、nvue、uvue后綴名的區(qū)別及說明
這篇文章主要介紹了Uniapp的vue、nvue、uvue后綴名的區(qū)別及說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-05-05
本文主要介紹了Element UI響應式布局問題的解決,提供了五種屏幕大小尺寸,xs、sm、md、lg 和 xl,并對這五種尺寸提供了兩種解決方案,感興趣的可以了解一下2025-08-08
這篇文章主要為大家詳細介紹了vue實現(xiàn)鼠標經(jīng)過顯示懸浮框效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
vux-scroller實現(xiàn)移動端上拉加載功能過程解析
這篇文章主要介紹了vux-scroller實現(xiàn)移動端上拉加載功能過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10
Vue 微信端掃描二維碼蘋果端卻只能保存圖片問題(解決方法)
這幾天在做項目時遇到微信掃描二維碼的然后進入公眾號網(wǎng)頁巴拉巴拉的，然后就很順利的遇到了在安卓端掃碼的時候，順利的一塌糊涂，然后到了蘋果端的時候，就只能出現(xiàn)一個保存圖片，然后就寫一下記錄一下這問題的解決方法2020-01-01
本文通過實例代碼給大家介紹了Vue2.0權限樹組件實現(xiàn)代碼，需要的的朋友參考下吧2017-08-08