how to allow Access-Control-Allow-Origin with koa

node.js koa
jim2k picture jim2k · Dec 20, 2018 · Viewed 9.5k times · Source

I'm new to Koa and i encountered a problem that I didnt get when i used epxress.

here is my code : 

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"
  }
});

when I want to call this from my webserver i got this :

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.

What can I do to solve this problem ? Thanks

Answer

Josh Kelly picture Josh Kelly · Dec 20, 2018

see here Koa cors module

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

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

You're not using the module in your code.

Related questions

Koa router: How to get query string params?

I'm using koa-router. How can I get the request's query string params? This is the best I managed to write: import koaRouter from 'koa-router'; const router = koaRouter({ prefix: '/courses' }); router.get('/', async (ctx) => { console.log(ctx.…

Read More
forEach using generators in Node.js

I'm using Koa.js framework and Mongoose.js module. Normally to get a result from MongoDB I code like this: var res = yield db.collection.findOne({id: 'my-id-here'}).exec(); But I need to execute this line for every element of …

Read More
Display a static html file with koa.js

What I want to do is serve the index.html file when the index route (i.e. localhost:3000) is called. I use koa-router for routing, so my route looks like this: app.all("/", function * (next){ //Send the file here }); I …

Read More