vue-cli3啟動服務如何自動打開瀏覽器配置

Posted on by

vue-cli3啟動服務自動打開瀏覽器配置

1.首先創建一個vue-cli3項目。

2.找到package.json文件

3.找到配置項‘scripts’

4.找到配置項‘serve’

5.修改下，加個字段 “serve”: “vue-cli-service serve –open”

在這裡插入圖片描述

如果不想每次默認打開瀏覽器還可以將上圖中的 –open，替換成 –copy (將本地 URL 復制到剪切板)

附：vue-cli3官方文檔配置

vue-cli自動打開默認瀏覽器0.0.0:8080

最近重新啟瞭個項目，發現使用- -open時打開瀏覽器訪問的是0.0.0:8080，然後上網搜到瞭解決辦法，記錄一下：

在vue.config.js中加上devServer這一段：

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer:{
    open:true,
    host:'localhost',
    port:8080
  }
})

以上為個人經驗，希望能給大傢一個參考，也希望大傢多多支持WalkonNet。

推薦閱讀：