как разрешить Access-Control-Allow-Origin с коа - PullRequest
Новая
       7

как разрешить Access-Control-Allow-Origin с коа

0 голосов
/ 20 декабря 2018

Я новичок в Koa, и я столкнулся с проблемой, которую я не получил, когда использовал epxress.

вот мой код: 

const koa = require("koa");
const koaRouter = require("koa-router");
const app = new koa();
const router = new koaRouter();
const cors = require('koa-cors');
const bodyParser = require("body-parser");

const port = 8080;

app.use(router.routes()).use(router.allowedMethods());
app.use(bodyParser.urlencoded({extended: false}));
app.use(bodyParser.json());

app.listen(port, () => {
  console.log("server koa started " + port);
});

router.get("/id/:id", async (ctx) => {
  const id = ctx.params.id;
  console.log("id was " + id);
  ctx.body = {
    "id": id
  }
});

router.get("/", async (ctx) => {
  ctx.body = {
    "message": "hello"
  }
});

, когда я хочу вызвать это измой веб-сервер я получил это: 

Access to fetch at 'http://localhost:8080/id/azerty' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Что я могу сделать, чтобы решить эту проблему?Спасибо

Ответы [ 2 ]

0 голосов
/ 20 декабря 2018

см. Здесь Модуль Koa Cors 

const Koa = require('koa');
const cors = require('@koa/cors');

const app = new Koa();
app.use(cors());

Вы не используете модуль в своем коде.

0 голосов
/ 20 декабря 2018

вам необходим модуль cors, но вы не добавили cors в промежуточное ПО app.use ().

app.use(cors())   // Add this new line 
app.use(router.routes()).use(router.allowedMethods());
app.use(bodyParser.urlencoded({extended: false}));
app.use(bodyParser.json());
...