vue-cli3啟動(dòng)服務(wù)如何自動(dòng)打開瀏覽器配置
vue-cli3啟動(dòng)服務(wù)自動(dòng)打開瀏覽器配置
1.首先創(chuàng)建一個(gè)vue-cli3項(xiàng)目。
2.找到package.json文件
3.找到配置項(xiàng)‘scripts’
4.找到配置項(xiàng)‘serve’
5.修改下,加個(gè)字段 “serve”: “vue-cli-service serve --open”
如果不想每次默認(rèn)打開瀏覽器還可以將上圖中的 --open,替換成 --copy (將本地 URL 復(fù)制到剪切板)
vue-cli自動(dòng)打開默認(rèn)瀏覽器0.0.0:8080
最近重新啟了個(gè)項(xiàng)目,發(fā)現(xiàn)使用- -open時(shí)打開瀏覽器訪問(wèn)的是0.0.0:8080,然后上網(wǎng)搜到了解決辦法,記錄一下:
在vue.config.js中加上devServer這一段:
const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ ? transpileDependencies: true, ? devServer:{ ? ? open:true, ? ? host:'localhost', ? ? port:8080 ? } })
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue3中addRoute路由變化頁(yè)面未刷新問(wèn)題解決
這篇文章主要為大家介紹了vue3中addRoute路由變化但頁(yè)面未刷新問(wèn)題解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06VUE2 前端實(shí)現(xiàn) 靜態(tài)二級(jí)省市聯(lián)動(dòng)選擇select的示例
下面小編就為大家分享一篇VUE2 前端實(shí)現(xiàn) 靜態(tài)二級(jí)省市聯(lián)動(dòng)選擇select的示例。具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02vue下history模式刷新后404錯(cuò)誤解決方法
這篇文章主要介紹了vue下history模式刷新后404錯(cuò)誤解決方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08基于Vue3實(shí)現(xiàn)無(wú)限滾動(dòng)組件的示例代碼
如果你在社交媒體上停留的時(shí)間過(guò)長(zhǎng),那么,你所在的網(wǎng)站很可能正在使用無(wú)限滾動(dòng)組件。這篇文章教你利用Vue3實(shí)現(xiàn)無(wú)限滾動(dòng)組件,感興趣的可以參考一下2022-09-09vue+canvas實(shí)現(xiàn)數(shù)據(jù)實(shí)時(shí)從上到下刷新瀑布圖效果(類似QT的)
這篇文章主要介紹了vue+canvas實(shí)現(xiàn)數(shù)據(jù)實(shí)時(shí)從上到下刷新瀑布圖效果(類似QT的),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04vue2.* element tabs tab-pane 動(dòng)態(tài)加載組件操作
這篇文章主要介紹了vue2.* element tabs tab-pane 動(dòng)態(tài)加載組件操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07vue axios post發(fā)送復(fù)雜對(duì)象問(wèn)題
現(xiàn)在vue項(xiàng)目中,一般使用axios發(fā)送請(qǐng)求去后臺(tái)拉取數(shù)據(jù)。這篇文章主要介紹了vue axios post發(fā)送復(fù)雜對(duì)象的一點(diǎn)思考,需要的朋友可以參考下2019-06-06