Vue Login dengan Axios Request HTTP

Question

Saya baru di Vue dan saya mencoba membuat Permintaan HTTP ke backend saya,

Ketika saya memeriksa di browser saya, saya mendapatkan token akses dari / login tetapi di api / pengguna saya mendapatkan "Token tidak valid". Bagaimana cara mendapatkan data api / pengguna saya?

import axios from "axios";
export default {
  name: "login",
  async created() {
    const response = await axios.get("api/users", {
      headers: {
        Authorization: "Bearer " + localStorage.getItem("token")
      }
    });

    console.log(response);
  },

  data() {
    return {
      showError: false,
      email: "",
      password: "",
    };
  },

  methods: {
    async EnvioLogin() {
      try {
        const response = await axios.post("api/auth/login", {
          email: this.email,
          password: this.password,
        });
        localStorage.setItem("token", response.data.token);
        const status = JSON.parse(response.status);
        if (status == "200") {
          console.log(response);
          this.$router.push("intermediorotas");
        }
      } catch (error) {
        this.showError = true;
        setTimeout(() => {
          this.showError = false;
        }, 3000);
      }
    },
  },

Answer 1

Anda dapat membuat layanan untuk melakukan panggilan ke backend, saya kira masalahnya adalah url http: // localhots: 3000 / api, Anda melewatkan bagian ini http: // localhots: 3000

import axios from 'axios'
const client = axios.create({
  baseURL: 'http://localhots:3000/api',
  headers: {
    'Content-Type': 'application/json',
  },
})
export default client

lalu impor layanan

import myService from './myService'
await myService.get(`/auth/login`, {})