Heim > Web-Frontend > js-Tutorial > So extrahieren Sie projektbezogene Konfigurationsdateien, wenn vue-cli Code verpackt

So extrahieren Sie projektbezogene Konfigurationsdateien, wenn vue-cli Code verpackt

php中世界最好的语言
Freigeben: 2018-03-28 16:50:01
Original
2272 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie projektbezogene Konfigurationsdateien extrahieren, wenn vue-cli Code verpackt der eigentliche Kampf Werfen wir einen Blick auf den Fall. Vorwort: Bei der Verwendung von vue-cli für die Entwicklung ist es häufig erforderlich, einige Einstellungen

dynamisch zu konfigurieren

, z. B. die Anforderungsadresse der Schnittstelle (axios.defaults.baseURL). Möglicherweise muss das Projekt nach der Kompilierung kompiliert werden. Richten Sie es dann ein. Daher müssen wir diese Konfigurationsdateien in vue-cli extrahieren, um zu verhindern, dass Webpack die Konfigurationsdateien kompiliert. Zuerst müssen wir eine neue js-Datei unter /static als Konfigurationsdatei erstellen

Der Inhalt darin ist wie folgt:

Hier werden alle Konfigurationen in ein Attribut des
window.g={
 AXIOS_TIMEOUT:10000,
 SERVICE_CONTEXT_PATH:`http://10.200.199.84:9090/`//配置服务器地址
}
Nach dem Login kopieren
Fensterobjekts

eingefügt. Sie können dieses Attribut anpassen

und dann dieses js

einführen index.html

Verwenden Sie bei Verwendung in einem Projekt direkt window.g, um den Inhalt dieser Konfigurationsdatei aufzurufen.
<script src="/static/js/config.js"></script>
Nach dem Login kopieren

Beim Packen nach einer solchen Konfiguration wird dieser Effekt erzeugt

Sie können sehen, dass die Konfigurationsdatei hier

so ausgegeben wird, wie sie ist

Nein. Es kann gepackt werden. Wenn wir also das kompilierte Front-End-Projekt zur Bereitstellung an das Bereitstellungspersonal übergeben, ist es nicht erforderlich, die Hintergrundadresse im Voraus zu erfragen. Das Bereitstellungspersonal kann die Serveradresse direkt durch Ändern des Inhalts ermitteln in der Konfiguration. Auf diese Weise können die projektbezogenen Konfigurationsdateien extrahiert werden

Der obige Artikel basiert auf vue-cli zum Extrahieren projektbezogener Konfigurationsdateien beim Packen

Detaillierte Erläuterung von Konfigurationsdateien

Es ist eine kleine Datei, die ich mit Ihnen geteilt habe. Ich hoffe, dass sie Ihnen eine Referenz geben kann. Ich hoffe auch, dass Sie Script House mehr unterstützen. Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

So beheben Sie Dateifehler nach der AngularJS-Komprimierung


So verwenden Sie Axios für domänenübergreifende Anwendungen in vue-Verarbeitung

Das obige ist der detaillierte Inhalt vonSo extrahieren Sie projektbezogene Konfigurationsdateien, wenn vue-cli Code verpackt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage