javascript — вызов Axios delete возвращает 405, и я попытался удалить узел, используя идентификатор, но он не удаляется

Вызов Axios delete возвращает 405, и я попытался удалить узел, используя идентификатор, но он не удаляется

Ниже приведен мой код, я попытался удалить запись в базе данных реального времени Firebase, используя идентификатор

 import React from 'react'; import classes from './Order.css'; import axios from '../../axios-orders'; const order = (props) ={amp}gt; { const restult = () ={amp}gt; { return (props.details.map((item, i) ={amp}gt; {amp}lt;tr key={item.id}{amp}gt; {amp}lt;td{amp}gt;{i   1}{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{item.orderData.name}{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{item.orderData.email}{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{item.orderData.street}{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{item.orderData.zipCode}{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{item.orderData.country}{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}lt;button onClick={() ={amp}gt; deleteHandler(item.id)} {amp}gt;Delete{amp}lt;/button{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;/tr{amp}gt; ) ) } const deleteHandler = (itemId) ={amp}gt; { axios .delete('/orders.json/-LrJSCvoqEKoM1BAfgOV', { headers: { "Access-Control-Allow-Origin": "*" } }) .then(res ={amp}gt; { console.log(res); }) .catch(err ={amp}gt; { console.log(err); }); } return ( {amp}lt;div className={classes.Order}{amp}gt; {amp}lt;table className={classes.students}{amp}gt; {amp}lt;thead{amp}gt; {amp}lt;tr{amp}gt; {amp}lt;th{amp}gt;Sno{amp}lt;/th{amp}gt; {amp}lt;th{amp}gt;Name{amp}lt;/th{amp}gt; {amp}lt;th{amp}gt;Email{amp}lt;/th{amp}gt; {amp}lt;th{amp}gt;Street{amp}lt;/th{amp}gt; {amp}lt;th{amp}gt;ZipCode{amp}lt;/th{amp}gt; {amp}lt;th{amp}gt;Country{amp}lt;/th{amp}gt; {amp}lt;th{amp}gt;Action{amp}lt;/th{amp}gt; {amp}lt;/tr{amp}gt; {amp}lt;/thead{amp}gt; {amp}lt;tbody{amp}gt; {restult()} {amp}lt;/tbody{amp}gt; {amp}lt;/table{amp}gt; {amp}lt;/div{amp}gt; ); }; export default order; - import React from 'react'; import classes from './Order.css'; import axios from '../../axios-orders'; const order = (props) ={amp}gt; { const restult = () ={amp}gt; { return (props.details.map((item, i) ={amp}gt; {amp}lt;tr key={item.id}{amp}gt; {amp}lt;td{amp}gt;{i   1}{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{item.orderData.name}{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{item.orderData.email}{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{item.orderData.street}{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{item.orderData.zipCode}{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{item.orderData.country}{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}lt;button onClick={() ={amp}gt; deleteHandler(item.id)} {amp}gt;Delete{amp}lt;/button{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;/tr{amp}gt; ) ) } const deleteHandler = (itemId) ={amp}gt; { axios .delete('/orders.json/-LrJSCvoqEKoM1BAfgOV', { headers: { "Access-Control-Allow-Origin": "*" } }) .then(res ={amp}gt; { console.log(res); }) .catch(err ={amp}gt; { console.log(err); }); } return ( {amp}lt;div className={classes.Order}{amp}gt; {amp}lt;table className={classes.students}{amp}gt; {amp}lt;thead{amp}gt; {amp}lt;tr{amp}gt; {amp}lt;th{amp}gt;Sno{amp}lt;/th{amp}gt; {amp}lt;th{amp}gt;Name{amp}lt;/th{amp}gt; {amp}lt;th{amp}gt;Email{amp}lt;/th{amp}gt; {amp}lt;th{amp}gt;Street{amp}lt;/th{amp}gt; {amp}lt;th{amp}gt;ZipCode{amp}lt;/th{amp}gt; {amp}lt;th{amp}gt;Country{amp}lt;/th{amp}gt; {amp}lt;th{amp}gt;Action{amp}lt;/th{amp}gt; {amp}lt;/tr{amp}gt; {amp}lt;/thead{amp}gt; {amp}lt;tbody{amp}gt; {restult()} {amp}lt;/tbody{amp}gt; {amp}lt;/table{amp}gt; {amp}lt;/div{amp}gt; ); }; export default order; 

Я передал id для удаления функции. Но это показывает следующую ошибку:

ошибка: ОПЦИИ https://react-my-project-912f7.firebaseio.com/orders.json/-LrJSCvoqEKoM1BAfgOV 405 (метод не разрешен)

ошибка: доступ к XMLHttpRequest по адресу https://react-my-project-912f7.firebaseio.com/orders.json/-LrJSCvoqEKoM1BAfgOV ‘из источника’ http: // localhost: 3000 ‘заблокирован политикой CORS: Ответ на предварительный запрос не проходит проверку контроля доступа: он не имеет статуса HTTP ok.

Не могли бы вы сказать мне, где я сделал ошибку? заранее спасибо

Ниже прикреплен снимок экрана, и я передал идентификатор «-LrJSCvoqEKoM1BAfgOV» Изображение Fibrecase DB

Ниже моя установка базы огня:

 import axios from 'axios'; const instance = axios.create({ baseURL: 'https://react-my-project-912f7.firebaseio.com/' }); export default instance; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector