Блог

Мне нужно выполнить вызов api, чтобы получить рекомендации для пользователя. Это мой URL-адрес api: http://URL/../../patients/USER Идентификационный номер/рекомендации

Мой идентификатор пользователя сохраняется в моем хранилище vuex в файле «patient.module.js:

 state: {
    id: null,
    email: null,
    password: null,
    location: [],
    specialty: [],
    attribute: [],
    language: [],
    gender: [],
    editUser: false,
  },
  getters: {
    getUserId(state) {
      return state.id;
    },
  },
 

Моя структура хранилища выглядит следующим образом:

В моем представлении рекомендаций я пытаюсь отобразить json-ответ от моего вызова api. Здесь я написал метод для выполнения вызова api.

      methods: {
    getRecommendations() {
      this.id = this.$store.getters.getUserId;
      return http
        .get(`/patients/${id}/recommendations`)
        .then((response) => {
          this.recommendation = response.data;
          console.log(response);
        })
        .catch((error) => {
          console.log(
            "Ein Fehler beim User ist aufgetreten: "   error.response
          );
        });
    },
  },

 

К сожалению, я получаю эту ошибку: id’ не определен
Как я могу получить идентификатор пациента из хранилища и отправить его с моим запросом?
Заранее благодарю вас!

Вы можете использовать mapState в вычислениях, подобных этому.

 <script>
  import {mapState} from "vuex";


export default {
  computed: {
    ...mapState({
      user: state => state.patient
    })
  },
  data() {},
  methods: {
    getRecommendations() {
      this.id = this.user.id;
      return http
        .get(`/patients/${id}/recommendations`)
        .then((response) => {
          this.recommendation = response.data;
          console.log(response);
        })
        .catch((error) => {
          console.log(
            "Ein Fehler beim User ist aufgetreten: "   error.response
          );
        });
    },
  }
} 
</script>