uniapp がブラウザを自動的に開かないのはなぜですか?

uniapp プロジェクトを開発する場合、プロジェクトを開始するためにコマンド ライン ツールを使用することがよくあります。従来の開発方法では、プロジェクトの開始後、ツールが自動的にデフォルトのブラウザを開き、そこにプロジェクト ページを表示します。ただし、一部の開発者は、最新バージョンの uniapp フレームワークを使用すると、コマンド ライン ツールが自動的にブラウザーを開かなくなることに気づきました。どうしてこれなの？この問題を解決するにはどうすればよいでしょうか?

問題の原因

まず、uniapp プロジェクトの開発モデルを理解する必要があります。 uniapp はマルチターミナル統合開発モデルを採用しており、その開発プロセスにはローカル開発とコンパイルとリリースの 2 つのリンクが含まれています。ローカル開発中は、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 フレームワークの最新バージョンでは、コマンド ライン ツールはデフォルトでブラウザを自動的に開く機能をオフにしています。開発者のプロジェクトには機密情報が含まれている可能性があり、ブラウザを開いて任意にプロジェクトを表示すると、セキュリティ上の問題が発生する可能性があるため、この変更はセキュリティ上の考慮事項に基づいています。

解決策

問題の原因がわかったので、問題を解決するために適切な措置を講じることができます。方法は 2 つあります。

方法1

コマンドラインツールの起動コマンド実行時に、-oパラメータを追加することでブラウザを自動で開く機能を実現します。手順は次のとおりです。

npm run dev:%PLATFORM% -o

このうち、-o パラメータはブラウザを開くことを意味します。

方法2

vue.config.js設定ファイルを変更し、ブラウザを自動で開く機能を設定します。具体的な手順は次のとおりです:

1. プロジェクトのルート ディレクトリに新しい vue.config.js ファイルを作成します。

2. vue.config.js ファイルに次のコードを追加します:

module.exports = {
  devServer: {
    open: true
  }
}

このうち、open:true は、起動時にブラウザが自動的に開かれることを意味します。プロジェクト。

概要

uniapp を使用してプロジェクトを開発する場合、コマンド ライン ツールがブラウザーを自動的に開かない場合は、上記の 2 つの方法でこの問題を解決できます。ただし、プロジェクトのデフォルト構成を変更する場合は、セキュリティ上の問題を避けるために、開発者の機密情報が自由に表示されないよう制御することに注意する必要があります。

以上がuniapp がブラウザを自動的に開かないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。