在axios的标头中发送令牌时收到500错误代码和跨源

Question

While I am calling get request in axios I am sending the token in header but token is displaying null in backend and giving error like 500 and cross origin error:

 var token = localStorage.getItem('token');

 axios.get("http://x.x.x.x:8080/entity-services/api/v1/user?isActive=true", {headers: {
            "auth_key" : token
          }
        })

this is error showing in console;

OPTIONS http://xxxx:8080/entity-services/api/v1/user?isActive=true 500 Access to XMLHttpRequest at ' http://xxxx:8080/entity-services/api/v1/user?isActive=true ' from origin ' http://localhost:3000 ' has been blocked by CORS policy: Response to preflight request doesn't pass access contro

Answer 1

This is because of Cross Origin Resource sharing. Just add following header in you response headers in you backend and it should work:

Access-Control-Allow-Origin: *