Axios Call Api Error By Cors about emqx HOT 8 CLOSED

I had solution for it by update cors through API. Thanks @lafirest !

from emqx.

@huynhttdev did you find a solution for this problem ? if you find one what is it ?

from emqx.

@huynhttdev
You need to set the dashboard.cors to true, you can find details at here.

from emqx.

How can i find file config bro? @lafirest

from emqx.

@lafirest After set dashboard.cors is true, the error still persists because the browser makes a preflight request with the OPTIONS method, and it seems that this method is not supported.

from emqx.

@ysfscream could you assist here?

from emqx.

@huynhttdev did you find a solution for this problem ? if you find one what is it ?

I created nodejs demo project. In this project, I called to EMQX API without setup cors middleware. I fixed this by the following code:

const cors = require("cors");
app.use(cors());

Remember to add auth config in Axios:

const commonAxios = axios.create({
  baseURL: "",
  auth: {
    username: "",    // Can get at Emqx dashboard website
    password: "",     // Can get at Emqx dashboard website
  },
  ...
});

from emqx.

I wasn't able to replicate this issue. After obtaining the API key, I requested the remote server from my local setup, and everything worked as expected. Here is an example of my code for reference.

Given the uncertainties regarding the specific project environment, if you are making Axios requests to the API within a browser-based frontend project, you might need to configure a reverse proxy to circumvent the CORS issue. This approach is a standard solution, especially when frontend applications need to communicate directly with backend services. I hope this information is helpful to you.

from emqx.