VueJS: Distribution mit relativen Pfaden

Wenn man ein VueJS Project distributiert werden die Pfade leider standardmäßig absolut angegeben. In der index.html steht also z.B. sowas /js/chunk-vendors.3b8d20eb.js. Möchte man das die Pfade relativ sind, erstellt man im Rootverzeichnis des Projekts eine Konfigurationsdatei ‚vue.config.js‘ mit folgendem Inhalt:

module.exports = { publicPath: ''};

Dann einfach neu distributieren und die Pfade sollten relativ sein, also js/chunk-vendors.3b8d20eb.js

VueJS/JS/Axios: Scope

Möchte man via JS/VueJS über Axios einen API-Call machen und anschließend eine Funktion aufrufen, kommt einem unter Umständen der Scope in die Quere. Dazu folgendes Beispiel, so wie ich es im ersten Versuch definieren würde:

axios.post(‚http://localhost:4000/api/customer/get/‘) .
.then(function (response) {
this.customer_data = response.data;
})

Problem ist die Anweisung this.customer_data, denn this bezieht sich auf das Axios Objekt und nicht auf das übergeordnete Objekt/Scope.

VueJS/JS/Axios: Scope weiterlesen