vue-cli3啟動服務(wù)如何自動打開瀏覽器配置
更新時間：2022年09月05日 10:02:39 作者：Hello_yihao
這篇文章主要介紹了vue-cli3啟動服務(wù)如何自動打開瀏覽器配置，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue-cli3啟動服務(wù)自動打開瀏覽器配置
1.首先創(chuàng)建一個vue-cli3項目。
2.找到package.json文件
3.找到配置項‘scripts’
4.找到配置項‘serve’
5.修改下，加個字段 “serve”: “vue-cli-service serve --open”
如果不想每次默認(rèn)打開瀏覽器還可以將上圖中的 --open，替換成 --copy (將本地 URL 復(fù)制到剪切板)
vue-cli自動打開默認(rèn)瀏覽器0.0.0:8080
最近重新啟了個項目，發(fā)現(xiàn)使用- -open時打開瀏覽器訪問的是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
? }
})以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家介紹了vue3中addRoute路由變化但頁面未刷新問題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
VUE2 前端實現(xiàn) 靜態(tài)二級省市聯(lián)動選擇select的示例
下面小編就為大家分享一篇VUE2 前端實現(xiàn) 靜態(tài)二級省市聯(lián)動選擇select的示例。具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
使用VUE3開發(fā)很久了,但一直沒進行總結(jié)和記錄,下面這篇文章主要給大家介紹了關(guān)于從零開始搭建vue3項目的相關(guān)資料,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06
這篇文章主要介紹了vue下history模式刷新后404錯誤解決方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
如果你在社交媒體上停留的時間過長，那么，你所在的網(wǎng)站很可能正在使用無限滾動組件。這篇文章教你利用Vue3實現(xiàn)無限滾動組件，感興趣的可以參考一下2022-09-09
這篇文章主要介紹了vue調(diào)用原生方法交互，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
vue+canvas實現(xiàn)數(shù)據(jù)實時從上到下刷新瀑布圖效果(類似QT的)
這篇文章主要介紹了vue+canvas實現(xiàn)數(shù)據(jù)實時從上到下刷新瀑布圖效果(類似QT的),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
vue2.* element tabs tab-pane 動態(tài)加載組件操作
這篇文章主要介紹了vue2.* element tabs tab-pane 動態(tài)加載組件操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
下面小編就為大家?guī)硪黄獀ue2.X組件學(xué)習(xí)心得(新手必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
vue axios post發(fā)送復(fù)雜對象問題
現(xiàn)在vue項目中，一般使用axios發(fā)送請求去后臺拉取數(shù)據(jù)。這篇文章主要介紹了vue axios post發(fā)送復(fù)雜對象的一點思考,需要的朋友可以參考下2019-06-06