I'm getting bad CSRF error even after setting api keys and usernames to my headers

General
1

I’m trying to make a POST request and I’ve set the headers for it and the content but it doesn’t get me the right result:

export default async function postNewTopic(req, res) {

    axios.post(`url/posts.json?title="${req.query.title}"&raw=${req.query.content}&category=1`, {

    headers: {

      "Api-Key":  token ,

      "Api-Username": {My key}

    }})

    .then(function (response) {

      res.json(response.data);

    })

    .catch(function (error) {

      const err = error?.response?.data || error;

      res.status(error.status ||  error.statusCode || +error.code || 500).json(err)

    })

}

And here is my frontend code:

const createTopic = () => {

    axios.post(`api/post-new?title=${title}&raw=${content}&category=1`, {

        headers: {

          "Authorization": 'Bearer' + "",

          "Api-Key":  token ,

          "Api-Username": ""

        }})

    .then(function (response) {

      res.json(response.data);

    })

    .catch(function (error) {

      const err = error?.response?.data || error;

      console.log(error.response.data)

    })

  }
2

You api key should be the API key and the username should be the username. It looks like you’re sending the API key as the username?

3

No, no it is just in the example which i deleted it. But i’ve put the api key and the api username, the gets functions are working