如何在生产中的Nuxt静态文件响应上添加CORS标头?

问题描述 投票:0回答:1

我已使用以下post添加了CORS所需的标题。这适用于开发,但是当我将其用于生产时,则不会设置标头。

我也如何使它在生产中起作用?

nuxt.config.ts

const config: Configuration = {
  mode: 'universal',
  render: {
    static: {
      // Add CORS header to static files.
      setHeaders(res: express.Response) {
        res.setHeader('Access-Control-Allow-Origin', '*');
        res.setHeader('Access-Control-Allow-Methods', 'GET');
        res.setHeader(
          'Access-Control-Allow-Headers',
          'Origin, X-Requested-With, Content-Type, Accept'
        );
      },
    },
  },
  // etc
}

生产enter image description here

发展enter image description here

azure express cors nuxt.js nuxt
1个回答
0
投票

最终,这是我的应用程序服务的Azure设置中的一个设置。我必须启用CORS。

enter image description here

© www.soinside.com 2019 - 2024. All rights reserved.