vue-cli3啟動(dòng)服務(wù)如何自動(dòng)打開(kāi)瀏覽器配置
更新時(shí)間：2022年09月05日 10:02:39 作者：Hello_yihao
這篇文章主要介紹了vue-cli3啟動(dòng)服務(wù)如何自動(dòng)打開(kāi)瀏覽器配置，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
vue-cli3啟動(dòng)服務(wù)自動(dòng)打開(kāi)瀏覽器配置
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)打開(kāi)瀏覽器還可以將上圖中的 --open，替換成 --copy (將本地 URL 復(fù)制到剪切板)
vue-cli自動(dòng)打開(kāi)默認(rèn)瀏覽器0.0.0:8080
最近重新啟了個(gè)項(xiàng)目，發(fā)現(xiàn)使用- -open時(shí)打開(kāi)瀏覽器訪問(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-06
VUE2 前端實(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-02
使用VUE3開(kāi)發(fā)很久了,但一直沒(méi)進(jìn)行總結(jié)和記錄,下面這篇文章主要給大家介紹了關(guān)于從零開(kāi)始搭建vue3項(xiàng)目的相關(guān)資料,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06
vue下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-09
這篇文章主要介紹了vue調(diào)用原生方法交互，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
vue+canvas實(shí)現(xiàn)數(shù)據(jù)實(shí)時(shí)從上到下刷新瀑布圖效果(類(lèi)似QT的)
這篇文章主要介紹了vue+canvas實(shí)現(xiàn)數(shù)據(jù)實(shí)時(shí)從上到下刷新瀑布圖效果(類(lèi)似QT的),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
vue2.* element tabs tab-pane 動(dòng)態(tài)加載組件操作
這篇文章主要介紹了vue2.* element tabs tab-pane 動(dòng)態(tài)加載組件操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
下面小編就為大家?guī)?lái)一篇vue2.X組件學(xué)習(xí)心得(新手必看篇)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
vue 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