Получение 401 запроса POST в браузере с помощью React, запрос GET работает - PullRequest
0 голосов
/ 07 октября 2019

Я пытаюсь сделать запрос поста из браузера (для создания нового элемента), и я получаю 401. Я использую jwt, и в заголовках он передается. Дело в том, что GET-запрос работает, а также, что в почтальоне POST-запрос также работает. Он выдает мне 401, только когда я делаю POST-запрос из браузера.

Это почтовый запрос

 axios.post('http://localhost:3001/api/v1/products', {
  headers: {
    "Authorization": `Bearer ${jwt}`,
    "Accept": "application/json",
    "Content-Type": "application/json"
  },
  name, description, comment, price, category
}).then(response => {
  this.props.history.push(`/products/${response.data._id}`)
})

}

Это заголовки в chrome:

Request URL: http://localhost:3001/api/v1/products
Request Method: POST
Status Code: 401 Unauthorized
Remote Address: [::1]:3001
Referrer Policy: no-referrer-when-downgrade
Access-Control-Allow-Credentials: true
Access-Control-Allow-Origin: http://localhost:3000
Connection: keep-alive
Date: Mon, 07 Oct 2019 15:39:10 GMT
Transfer-Encoding: chunked
Vary: Origin
X-Powered-By: Express
Provisional headers are shown
Accept: application/json, text/plain, */*
Content-Type: application/json;charset=UTF-8
Origin: http://localhost:3000
Referer: http://localhost:3000/products/add
Sec-Fetch-Mode: cors
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.90 Safari/537.36

headers: {,…}
Accept: "application/json"
Authorization: "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjVkN2I4NmRhMjA5YTk0MWY5ODAyOGYzYyIsImlhdCI6MTU3MDQ1NDI0MX0.hb7VrEFw0vhGl4VvgT6pN6HBDeT1QRXR0fKJ36fZAFE"
Content-Type: "application/json"

Кто-нибудь знает, как я могу решить эту проблему? спасибо

...