プロジェクトがパッケージ化されてリリースされた後、インターフェイス ドメイン名の置き換えやプロジェクト名の変更などの状況が発生する可能性があり、開発者はコードを再変更して再リリースする必要があり、時間と労力がかかります。これらの構成は 1 つのファイルに保存できることが望まれますが、それを置き換える必要がある場合は、運用および保守担当者が構成ファイルを直接開くことができ、変更は保存後すぐに有効になります。
1. Vue プロジェクトの下の public フォルダーを見つけ、このフォルダーの下に config.js ファイルを作成します (ファイル名は任意です)。
//ipConfig.js
window.g = {
localBaseUrl: 'http://xxx.xx.xx.236/ZTTS/Service' // 本项目地址
};
index.html に導入した後、直接呼び出すこともできます。
//ipConfig.js
const globalData = {
localBaseUrl: 'http://xxx.xx.xx.236/ZTTS/Service' // 本项目地址
};
2. プロジェクトの index.html ファイルにファイルを導入する
<script src="./ipConfig.js"></script>
3. ページ内での使用
window.g.localBaseUrl
関連する構成を変更する必要がある場合は、運用保守担当者が自分で変更できます。構成の変更が有効にならない場合は、ブラウザーのキャッシュをクリアして、もう一度確認してください。
Uniapp 開発 H5 は静的ファイルで構成され、必要な API にインポートできます。詳細については、他のブログを参照してください。