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)打開(kāi)網(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)文章
通過(guò)vue-cli3構(gòu)建一個(gè)SSR應(yīng)用程序的方法
這篇文章主要介紹了通過(guò)vue-cli3構(gòu)建一個(gè)SSR應(yīng)用程序,以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。2018-09-09
Vue的生命周期就是vue實(shí)例從創(chuàng)建到銷毀的全過(guò)程,也就是new Vue()開(kāi)始就是vue生命周期的開(kāi)始。Vue實(shí)例有?個(gè)完整的?命周期,也就是從開(kāi)始創(chuàng)建、初始化數(shù)據(jù)、編譯模版、掛載Dom->渲染、更新->渲染、卸載等?系列過(guò)程,稱這是Vue的?命周期2022-10-10
使用Vue3實(shí)現(xiàn)一個(gè)穿梭框效果的示例代碼
這篇文章主要給大家介紹了如何使用?Vue3?實(shí)現(xiàn)一個(gè)穿梭框效果,當(dāng)選中數(shù)據(jù),并且點(diǎn)擊相對(duì)應(yīng)的方向箭頭時(shí),選中的數(shù)據(jù)會(huì)發(fā)送到對(duì)面,并且數(shù)據(jù)會(huì)保持正確的順序進(jìn)行排列,文中有詳細(xì)的代碼講解,具有一定的參考價(jià)值,需要的朋友可以參考下2023-12-12
Vue+Openlayers實(shí)現(xiàn)實(shí)時(shí)坐標(biāo)點(diǎn)展示
這篇文章主要為大家詳細(xì)介紹了Vue+Openlayers實(shí)現(xiàn)實(shí)時(shí)坐標(biāo)點(diǎn)展示，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了vue 組件基礎(chǔ)知識(shí)的相關(guān)資料，幫助大家更好的理解和使用vue的組件，感興趣的朋友可以了解下2021-11-11
Vue3中子組件改變父組件傳過(guò)來(lái)的值(props)的方法小結(jié)
在 Vue 3 中,子組件改變父組件傳過(guò)來(lái)的值（props）的方法主要有以下幾種：通過(guò)事件發(fā)射、使用 v-model、模擬 .sync 修飾符的功能（Vue 3 中已移除）,以及使用 ref 或 reactive,下面我將結(jié)合代碼示例和使用場(chǎng)景詳細(xì)講解這些方法,需要的朋友可以參考下2025-04-04
Vue實(shí)現(xiàn)自定義視頻和圖片上傳的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何通過(guò)Vue實(shí)現(xiàn)自定義視頻和圖片上傳的功能，文中的示例代碼簡(jiǎn)潔易懂，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-04-04
moment是一款多語(yǔ)言支持的日期處理類庫(kù), 在vue中如何使用呢?這篇文章主要給大家介紹了關(guān)于vue之moment使用的相關(guān)資料,需要的朋友可以參考下2021-05-05
本文主要介紹了el-table表頭文字換行的三種方式，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
這篇文章主要介紹了Vue中transition的使用及說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07