首頁 > web前端 > uni-app > 主體

為什麼uniapp不自動開啟瀏覽器

PHPz
發布: 2023-04-20 14:59:02
原創
1000 人瀏覽過

在開發uniapp專案的時候,我們往往會使用命令列工具來啟動專案。傳統的開發方式是,在啟動專案後,工具會自動開啟預設瀏覽器,並在其中顯示我們的專案頁面。但有些開發者發現,在使用最新版的uniapp框架時,命令列工具卻不再自動開啟瀏覽器了。這是為什麼呢?如何解決這個問題呢?

問題原因

首先我們要先了解一下uniapp專案的開發模式。 uniapp採用了多端統一開發的模式,其開發過程包括兩個環節:本地開發和編譯發布。在本地開發過程中,我們需要使用uniapp提供的命令列工具來啟動項目,即使用npm run dev:%PLATFORM%指令。其中,%PLATFORM%代表目前專案所對應的平台,例如h5、app等。在執行這個命令時,我們會發現控制台輸出了以下資訊:

 DONE  Compiled successfully in xxxms                                                             
                                                                                        14:38:11

  App running at:
  - Local:   http://localhost:8080/ 

  Network: http://192.168.xxx.xxx:8080/
登入後複製

我們可以看到,在Local這一行中,控制台輸出了我們本地專案的存取位址,這個位址一般是http://localhost:8080/。在傳統的開發方式中,控制台也會自動開啟瀏覽器,並在其中顯示我們的專案頁面。

但是,在最新版的uniapp框架中,命令列工具預設關閉了自動開啟瀏覽器的功能。這個修改是基於安全性的考慮,因為開發者的項目可能包含一些敏感信息,如果隨意打開瀏覽器展示項目,可能會引起安全問題。

解決方法

既然知道了問題的原因,我們就可以採取相應的措施來解決這個問題了。方法有以下兩個。

方法一

在執行命令列工具的啟動指令時,加上-o參數即可實現自動開啟瀏覽器的功能。指令如下:

npm run dev:%PLATFORM% -o
登入後複製

其中,-o參數表示開啟瀏覽器。

方法二

修改vue.config.js設定文件,設定自動開啟瀏覽器的功能。具體步驟如下:

1.在專案根目錄下新建vue.config.js檔案。

2.在vue.config.js檔案中加入以下程式碼:

module.exports = {
  devServer: {
    open: true
  }
}
登入後複製

其中,open:true表示啟動專案時自動開啟瀏覽器。

總結

使用uniapp開發專案時,如果命令列工具不在自動開啟瀏覽器,我們可以採取以上兩種方法來解決這個問題。但是,在修改專案預設配置時,需要注意控制開發者的敏感資訊不被隨意展示,避免安全性問題。

以上是為什麼uniapp不自動開啟瀏覽器的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板