headers, authorization dans vue

Bonjour, j'essaie de recuperer le token stocké dans mon le store de vuex, je precise qu'il est bien dans le store. J'utilise donc ce service :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

class TopicService { createTopic (title, text) { return http.post(ENDPOINT.TOPIC, { headers: { Authorization: `Bearer ${this.store.state.token}` } }, { title, text }   ) } }

---

si j'enleve le headears; j'obtient une erreur 401 (unauthorised), jusque la normal, mais si je rajoute le headers, j'obtient en retour juste une erreur dans la console, pas de tentative de connexion dans le network.
Je precise que je debute(mais je pense que ca se voit), je fais va dans le cadre d'un projet, donc merci de votre indulgence et de votre aide.

hello, ta classe n'a pas de this.store...

si tu as défini ton store dans un module à part:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

// store.js import Vue from 'vue'; import Vuex from 'vuex';   Vue.use(Vuex);   export default new Vuex.Store({ state: { // ... }, // ... });

---

dans ton main.js, tu dois faire un truc comme

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

// main.js import Vue from 'vue'; import store from './store';   // ...   new Vue({ // ... store, // ... });

---

tu fais pareil dans ta classe

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

import store from './store';   class TopicService { createTopic (title, text) { return http.post(ENDPOINT.TOPIC, { headers: { Authorization: `Bearer ${store.state.token}` } }, { title, text }   ) } }

---