vue-cli3 設(shè)置端口號(hào)(81)無效的解決
vue-cli3 設(shè)置端口號(hào)(81)無效
用vue-cli3創(chuàng)建的項(xiàng)目端口號(hào)從8080開始，被占用依次加1，也就是說8080用不了用8081，8081用不了用8082以此類推
哈哈，因?yàn)橐顷?，不喜歡輸入，所以呢就會(huì)用瀏覽器記住密碼的功能，端口號(hào)一變就郁悶了，還有瀏覽器記住地址的功能，有時(shí)候需要輸入較長的鏈接，而我們公司的后端就是8080端口
到這里，只能說一個(gè)難受；
所以我必須設(shè)置一個(gè)固定的端口，嗯，81是我喜歡的，但是官方api設(shè)置無效呀
剛開始我懷疑代碼，網(wǎng)上搜羅一番，嗯，好像都差不多，只是他們?cè)O(shè)置的多，我只是設(shè)置了port。
在看一番webpack-dev-server的API
emmm，還是沒毛病，最后發(fā)現(xiàn)設(shè)置81，端口還是有變化的，變成了1024，很奇怪，我嘗試換成2000，居然成功了
所以呢，應(yīng)該是這個(gè)插件，不允許端口設(shè)置低于1024的值
再試一下2001依然是成功的
===================================
嘿嘿，貌似這個(gè)插件并沒有這個(gè)最小端口號(hào)的說法，可能是cli3這家伙的想法吧
vue-cli3.0怎么修改端口
在根目錄新建 vue.config.js 文件
module.exports = {
? ? devServer: {
? ? ? ? port: 8888, ? ? // 端口
? ? },
? ? lintOnSave: false ? // 取消 eslint 驗(yàn)證
};重新啟動(dòng)項(xiàng)目ok
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
詳解在WebStorm中添加Vue.js單文件組件的高亮及語法支持
本篇文章主要介紹了詳解在WebStorm中添加Vue.js單文件組件的高亮及語法支持，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-10-10
vue中使用go()和back()兩種返回上一頁的區(qū)別說明
這篇文章主要介紹了vue中使用go()和back()兩種返回上一頁的區(qū)別說明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-07-07
X6 是 AntV 旗下的圖編輯引擎，提供了一系列開箱即用的交互組件和簡單易用的節(jié)點(diǎn)定制能力，方便我們快速搭建流程圖、DAG 圖、ER 圖等圖應(yīng)用。接下來就看看vue如何使用它2021-05-05
這篇文章主要為大家介紹了Vue模板語法v-bind教程示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-12-12
vue動(dòng)態(tài)組件實(shí)現(xiàn)選項(xiàng)卡切換效果
這篇文章主要為大家詳細(xì)介紹了vue動(dòng)態(tài)組件實(shí)現(xiàn)選項(xiàng)卡切換效果的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)商品詳情頁放大鏡功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
laravel-admin 與 vue 結(jié)合使用實(shí)例代碼詳解
由于 Laravel-admin 采用的是 pjax 的方式刷新頁面，意味著很多頁面刷新的操作，這篇文章主要介紹了laravel-admin 與 vue 結(jié)合使用,需要的朋友可以參考下2019-06-06
Vue 使用高德地圖添加點(diǎn)標(biāo)記 + 點(diǎn)擊地圖獲取坐標(biāo) + 帶搜索(即地
這篇文章主要介紹了Vue 使用高德地圖添加點(diǎn)標(biāo)記 + 點(diǎn)擊地圖獲取坐標(biāo) + 帶搜索(即地理編碼 + 逆地理編碼) 附完整示例,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2024-01-01
在Vue.js中頁面跳轉(zhuǎn)是前端開發(fā)中常見的需求,Vue提供了多種頁面跳轉(zhuǎn)方式,這篇文章主要給大家介紹了關(guān)于vue跳轉(zhuǎn)方式的常見方式以及區(qū)別分析的相關(guān)資料,需要的朋友可以參考下2024-02-02
使用vue完成微信公眾號(hào)網(wǎng)頁小記(推薦)
公司最近有一個(gè)H5頁面的功能，比較簡單的一個(gè)調(diào)查表功能，嵌套在我們微信公眾號(hào)里面。這篇文章主要介紹了使用vue完成微信公眾號(hào)網(wǎng)頁小記,需要的朋友可以參考下2019-04-04