javascript - axios删除调用返回405，我尝试使用id删除节点，但它没有删除

Question

下面是我的代码，我尝试使用 id 删除 firebase 实时数据库中的记录

import React from 'react';
import classes from './Order.css';
import axios from '../../axios-orders';
const order = (props) => {
    const restult = () => {
        return (props.details.map((item, i) =>
            <tr key={item.id}>
                <td>{i + 1}</td>
                <td>{item.orderData.name}</td>
                <td>{item.orderData.email}</td>
                <td>{item.orderData.street}</td>
                <td>{item.orderData.zipCode}</td>
                <td>{item.orderData.country}</td>
                <td><button onClick={() => deleteHandler(item.id)} >Delete</button></td>
            </tr>
        )
        )
    }

    const deleteHandler = (itemId) => {
        axios
            .delete('/orders.json/-LrJSCvoqEKoM1BAfgOV', {
                headers:
                    { "Access-Control-Allow-Origin": "*" }
            })
            .then(res => {
                console.log(res);
            })
            .catch(err => {
                console.log(err);
            });
    }

    return (
        <div className={classes.Order}>
            <table className={classes.students}>
                <thead>
                    <tr>
                        <th>Sno</th>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Street</th>
                        <th>ZipCode</th>
                        <th>Country</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    {restult()}
                </tbody>
            </table>
        </div>
    );
};

export default order;

我已将 id 传递给删除函数。但它显示以下错误:

error:OPTIONS https://react-my-project-912f7.firebaseio.com/orders.json/-LrJSCvoqEKoM1BAfgOV 405 (Method Not Allowed)

error:Access to XMLHttpRequest at 'https://react-my-project-912f7.firebaseio.com/orders.json/-LrJSCvoqEKoM1BAfgOV' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

你能告诉我我哪里做错了吗？ 提前致谢

下面附有屏幕截图，我传递的 id 是“-LrJSCvoqEKoM1BAfgOV” Fibercase DB image

下面是我的 firebase 设置:

import axios from 'axios';

const instance = axios.create({
    baseURL: 'https://react-my-project-912f7.firebaseio.com/'
});

export default instance;

Answer 1

这是因为 Firebase 实时数据库阻止您向其端点发送 OPTIONS 请求，而该端点不允许使用 OPTIONS 方法。

来自Saving data document来自 firebase，如果您的数据库是这样的:

- orders
    - -LrJSCvoqEKoM1BAfgOV
        - orderData:
            ...

并且您想要删除 -LrJSCvoqEKoM1BAfgOV 那么您的 DELETE 请求 URL 应如下所示:

https://react-my-project-912f7.firebaseio.com/orders/-LrJSCvoqEKoM1BAfgOV .json

.json 位于端点末尾，通知 Firebase 为您的主机源启用 cors。