pixi.js跨域请求图片资源

Question

问题描述

使用pixijs加载图片的时候出现了跨域问题

问题出现的环境背景及自己尝试过哪些方法

我加载图片时在loader.add加入了`crossOrigin: true`，服务端也配置了cors，但是没用

相关代码

PIXI.loader.add(name, url, {
  // 跨域
  crossOrigin: true
})

// 服务端用koa2搭建的
app.use(cors({
  origin: function(ctx) {
    return 'http://localhost:8080';
  },
  exposeHeaders: ['WWW-Authenticate', 'Server-Authorization'],
  maxAge: 5,
  credentials: true,
  allowMethods: ['GET', 'POST', 'DELETE'],
  allowHeaders: ['Content-Type', 'Authorization', 'Accept'],
}));

你期待的结果是什么？实际看到的错误信息又是什么？

期待结果：pixi可以跨域请求图片
错误信息：

Answer 1

你哪里配置了 Access-Control-Allow-Origin

Answer 2

原来我的cors中间件位置写错了，写到了静态资源中间件的后面，这样匹配了图片之后cors就不执行了。

cors中间件应该写在静态资源中间件前面