与后台连接时如何修复Apisauce上的网络错误

Question

我正在使用API酱料来连接到我的后端，我已经仔细检查了我的所有参数，他们都来了，测试了邮递员以及它所有的工作。它只是没有连接到后端，无论什么原因，当我console.log的结果即时通讯得到。它的节目

Object {
  "config": Object {
    "adapter": [Function xhrAdapter],
    "baseURL": "http://127.0.0.1:8000/api",
    "data": "{\"username\":\"adeyeanqar \",\"password\":\"Liverpool8\"}",
    "headers": Object {
      "Accept": "application/json",
      "Content-Type": "application/json",
    },
    "maxBodyLength": -1,
    "maxContentLength": -1,
    "method": "post",
    "timeout": 0,
    "transformRequest": Array [
      [Function transformRequest],
    ],
    "transformResponse": Array [
      [Function transformResponse],
    ],
    "url": "/token/",
    "validateStatus": [Function validateStatus],
    "xsrfCookieName": "XSRF-TOKEN",
    "xsrfHeaderName": "X-XSRF-TOKEN",
  },
  "data": null,
  "duration": 12,
  "headers": null,
  "ok": false,
  "originalError": [Error: Network Error],
  "problem": "NETWORK_ERROR",
  "status": null,
}

这是我的客户

import { create } from "apisauce";

const apiClient = "http://127.0.0.1:8000/api",
});

这是用于身份验证的端点

import client from "./client";

const login = (username, password) =>
  client.post("/token/", { username, password });

export default {
  login,
};

通常，当我控制结果时，它应该返回一个令牌。

Answer 1

您应该使用cors来启用具有各种选项的CORS。为此，请使用以下库: npm install cors

    var express = require('express')
var cors = require('cors')
var app = express()

app.use(cors())

app.get('/products/:id', function (req, res, next) {
  res.json({msg: 'This is CORS-enabled for all origins!'})
})

app.listen(80, function () {
  console.log('CORS-enabled web server listening on port 80')
})