Vue3之修改端口號(hào)方式
更新時(shí)間：2023年10月17日 14:20:25 作者：怕是個(gè)神仙啊
這篇文章主要介紹了Vue3之修改端口號(hào)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
方法一
在圖形界面中更改參數(shù)
方法二
在 package.json 文件中修改 scripts
"scripts": {
"serve": "vue-cli-service serve --port 80",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},方法三
在運(yùn)行項(xiàng)目的時(shí)候追加端口號(hào)
npm run serve -- --port 80
方法四
在根目錄下新建一個(gè)vue.config.js文件（和package.json同一目錄） ，
內(nèi)容如下：
module.exports = {
devServer:{
port:80, // 啟動(dòng)端口號(hào)
open:true // 啟動(dòng)后是否自動(dòng)打開網(wǎng)頁(yè)
}
}方法五
端口文件存放目錄為：
node_modules/@vue/cli-service/lib/commands/serve.js
const defaults = {
host: '0.0.0.0',
port: 80,
https: false
}優(yōu)先級(jí)：
方法一>方法二=方法三>方法四>方法五
如果方法二和方法三同時(shí)使用，且端口號(hào)設(shè)置不同，就會(huì)報(bào)錯(cuò)
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue3如何通過(guò)provide和inject實(shí)現(xiàn)多層級(jí)組件通信
這篇文章主要介紹了vue3如何通過(guò)provide和inject實(shí)現(xiàn)多層級(jí)組件通信,本文通過(guò)實(shí)例代碼給大家講解的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了Vue項(xiàng)目中使用自定義字體樣式方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
淺談Vue.js中如何實(shí)現(xiàn)自定義下拉菜單指令
這篇文章主要介紹了淺談Vue.js中如何實(shí)現(xiàn)自定義下拉菜單指令，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01
這篇文章主要為大家詳細(xì)分享一下vue3中動(dòng)態(tài)組件遇到的問(wèn)題,分別是動(dòng)態(tài)組件綁定問(wèn)題和動(dòng)態(tài)組件的方法導(dǎo)出問(wèn)題,有需要的小伙伴可以參考一下2024-12-12
這篇文章主要給大家介紹了關(guān)于vue獲取當(dāng)前路由的五種方式,文中通過(guò)代碼示例介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-08-08
本文主要介紹了vue樣式穿透的幾種方式，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
這篇文章主要為大家詳細(xì)介紹了如何使用vue3實(shí)現(xiàn)一個(gè)高德地圖天氣小組件,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-10-10
Vue+SpringBoot前后端分離中的跨域問(wèn)題
在前后端分離開發(fā)中，需要前端調(diào)用后端api并進(jìn)行內(nèi)容顯示，所以本文就介紹了Vue+SpringBoot前后端分離跨域問(wèn)題，感興趣的可以了解一下2021-08-08
路由導(dǎo)航守衛(wèi)提供了一些鉤子函數(shù),可以在路由導(dǎo)航過(guò)程中進(jìn)行攔截和控制,其中,beforeEach 導(dǎo)航守衛(wèi)可以在每次路由切換前被觸發(fā),本文給大家介紹Vue路由守衛(wèi)詳解,感興趣的朋友一起看看吧2023-10-10
vue實(shí)現(xiàn)微信分享朋友圈,發(fā)送朋友的示例講解
下面小編就為大家分享一篇vue實(shí)現(xiàn)微信分享朋友圈,發(fā)送朋友的示例講解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02