Reactjs 使用Axios to Laravel API发出删除请求会引发错误，但在应用程序中效果良好

您好，我正在使用create react应用程序创建一个web应用程序，该应用程序使用在laravel 5中开发的端点

当我使用axios向服务器发出删除请求时，我会阻止此错误跨源请求：同源策略不允许读取远程资源。（原因：在CORS标头“Access Control Allow Methods”中未找到方法），但是，当我在（HTTP Rest客户端）上发送相同的请求时，我没有收到任何错误

这是代码

handleDelete = ( cartId ) => {
    const api_token = localStorage.getItem('jbs_user_api_token');

    console.log("Delete cart item: ", cartId);

    axios.delete(`carts/${cartId}?api_token=${api_token}`)
        .then( res => {
             console.log(res);
        })
       .catch( err => {
             console.log(err);
        });
    }

以下是Laravel 5中的端点，react应用程序正在向

Route::resource('carts', 'API\CartAPIController');

下面是处理删除请求的方法（laravel）

public function destroy($id)
{
    $cart = $this->cartRepository->findWithoutFail($id);

    if (empty($cart)) {
        return $this->sendError('Cart not found');

    }

    $cart = $this->cartRepository->delete($id);

    return $this->sendResponse($cart, __('lang.deleted_successfully', ['operator' => __('lang.cart')]));

}

毫无疑问，API（后端）上没有错误，因为请求在应用程序中运行良好。另外，这两个应用程序（react和laravel）都由本地主机提供服务

---

请帮助

在前端/客户端文件夹的package.json文件中尝试添加如下代理

  "name": "app_name",
  "proxy": "http://127.0.0.1:8000"

---

该问题通过在Laravel应用程序（API提供程序）中添加Laravel Cors包来解决

以下是到Laravel Cors pakage的链接

我尝试添加“代理”：“”，但仍然收到相同的错误