How to fix the cross in nuxt.js with Laravel?

[michaelnabil230]

Hello, everybody, I have one problem. I need help
When calling API with Axios and adding in headers Authorization or ex X-Tanent make two requests one with request code 204 and the method OPTIONS and another request code 200 and the method GET

<script>
export default {
  data() {
    return {
      data: [],
    };
  },
  mounted: function () {
    console.log("mounted");
    this.$axios
      .get(url + "/V1/brands", {
        headers: {
          Authorization: "Bearer token",
          "X-Tanent": "tanent",
        },
      })
      .then((res) => {
        this.data = res.data.brands.data;
      });
  },
};
</script>

[P-u-r-i-a]

Please have a look at the following link (Mozilla docs):

https://developer.mozilla.org/en-US/docs/Glossary/Preflight_request

Regards,
Puria