跨域请求服务器中的css文件，css请求成功，但是字体文件请求失败

Question

在开发者工具network中能够看到字体文件的请求返回的是成功，但是console中输出了以下内容

Font from origin 'http://127.0.0.1:3000' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

这是在服务中koa2-cors的配置

app.use(cors({

  origin: function (ctx) {

      return '*'

  },

  exposeHeaders: ['WWW-Authenticate', 'Server-Authorization'],

  maxAge: 5,

  credentials: true,

  allowMethods: ['GET', 'POST', 'DELETE'],

  allowHeaders: ['Content-Type', 'Authorization', 'Accept'],

})

Answer 1

找到问题了，在koa的配置里，我把托管静态文件的中间件放到了跨域配置的中间件前面，导致在请求静态文件时，服务器没有处理静态文件的跨域问题。现将跨域配置的中间件的顺序提前，解决了问题。