Vue修改項目啟動端口號方法
更新時間：2019年11月07日 17:52:46 作者：asing1elife
今天小編就為大家分享一篇Vue修改項目啟動端口號方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在項目的package.json中可以找到如下代碼
start屬性指定的文件就是通過開發(fā)模式啟動的服務文件
"scripts": {
"dev": "node build/dev-server.js",
"start": "node build/dev-server.js",
"build": "node build/build.js",
"lint": "eslint --ext .js,.vue src"
}
在build目錄下的dev-server.js中可以找到如下代碼
可以發(fā)現(xiàn)uri在拼接port接口之前，port接口首先根據(jù)是生產(chǎn)還是開發(fā)，被賦予了不同的端口號
而開發(fā)環(huán)境下的端口號來自config目錄
var config = require('../config')
...
var port = process.env.PORT || config.dev.port
...
var uri = 'http://localhost:' + port
在config目錄下的index.js中可以找到如下代碼
修改此處的port即可修改開發(fā)環(huán)境下啟動項目的端口號
dev: {
...
port: 8090,
...
}
以上這篇Vue修改項目啟動端口號方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
要想實現(xiàn)一個吸頂效果不是很難,網(wǎng)絡上有很多教程,其中有一種就是通過fiexd加top來實現(xiàn),今天突然就想做一個吸頂效果,因為最近都在用vue,所以想用vue來做一個吸頂效果的案例,感興趣的朋友可以參考下2023-11-11
下面小編就為大家分享一篇mint-ui 時間插件使用及獲取選擇值的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
詳解vuex 中的 state 在組件中如何監(jiān)聽
本篇文章主要介紹了詳解vuex 中的 state 在組件中如何監(jiān)聽，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
解決vue+router路由跳轉(zhuǎn)不起作用的一項原因
這篇文章主要介紹了解決vue+router路由跳轉(zhuǎn)不起作用的一項原因，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
vue.js根據(jù)代碼運行環(huán)境選擇baseurl的方法
本篇文章主要介紹了vue.js根據(jù)代碼運行環(huán)境選擇baseurl的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
這篇文章主要為大家詳細介紹了vue中使用Pinia是五個實用技巧,文中的示例代碼講解詳細,具有一定的學習價值,感興趣的小伙伴可以跟隨小編一起了解一下2023-11-11
vue3中vite的@路徑別名與path中resolve實例詳解
這篇文章主要給大家介紹了關于vue3中vite的@路徑別名與path中resolve的相關資料,文中通過實例代碼介紹的非常詳細,對大家學習或者使用vue具有一定的參考學習價值,需要的朋友可以參考下2023-02-02
vue3 開始時間與結(jié)束時間比較驗證(結(jié)束時間需要大于開始時間)
本文通過示例代碼介紹了vue3 開始時間與結(jié)束時間比較驗證(結(jié)束時間需要大于開始時間)的相關操作,代碼簡單易懂,感興趣的朋友跟隨小編一起看看吧2024-07-07
本篇文章主要介紹了vue-resource 攔截器使用詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
這篇文章主要介紹了Vue使用正則校驗文本框為正整數(shù)問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10