Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

teampoison's avatar

Skip this api for guest user so data are showing

Skip this api for guest user so data are showing. if guest user are visit page data not showing because these api are hit i want to skip this api so data are showing.

<div
                class="row px-5 mt-3"
                v-if="member_profile.family_members === true"
              >
                <div class="col-md-4 float-left d-flex align-items-center">
                  <label for="height" class="m-0 f12 font-weight-bold"
                    >Family Member Name</label
                  >
                </div>

                <div class="col-md-8 float-left">
                  <select class="form-control" v-model="member_concern">
                    <option value="" disabled selected>
                      Select Member Name
                    </option>
                    <option
                      v-for="member in members"
                      :key="member.id"
                      :value="`${member.first_name} ${member.last_name}`"
                    >
                      {{ member.first_name }} {{ member.last_name }}
                    </option>
                    <!-- Add more options as needed -->
                  </select>
                  <span
                    v-if="member_concernError"
                    class="error-message text-danger"
                    >{{ member_concernErrorText }}</span
                  >
                </div>
mounted() {
    this.fetchMembers(); 
},
 methods: {
    fetchMembers() {
      console.log("fetchMembers() called"); // Log a message to the console to verify that the method is being called
      let member_profile = JSON.parse(localStorage.getItem("member_profile"));
      let access_token = localStorage.getItem("access_token");

      let endpointUrl = `/api/auth/get_family_members_byid/${member_profile.member_unique_id}?token=${access_token}`;

      fetch(endpointUrl, {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
      })
        .then((response) => {
          console.log(response);

          if (response.ok) {
            return response.json();
          } else {
            throw new Error(
              `API request failed with ${response.status} ${response.statusText}`
            );
          }
        })
        .then((data) => {
          console.log(data);

          if (data.success === true) {
            this.members = data.data;
            console.log(this.members);

            if (this.members.length === 0) {
              console.warn("No family members found.");
            }
          } else {
            console.error("API request failed:", data);
          }
        })
        .catch((error) => {
          console.error("API request error:", error);
        });
    },
0 likes
1 reply
tykus's avatar

What state do you use to determine if you have an authenticated user or a guest?

Please or to participate in this conversation.