Question

我在 next.config.js 中使用 rewrite 向我的请求添加代理，但我也想使用 next-images 来加载 svg 文件，但我不确定如何同时使用它在 next.config.js 中重写

const API_SERVER_ENDPOINT = 'http://localhost:5000';

const withImages = require("next-images");

module.exports = {
  async rewrites() {
    return [
      {
        source: "/api/:path*",
        destination: `${API_SERVER_ENDPOINT}/api/:path*`,
      },
    ];
  },
};

这里我不知道如何在module.exports中添加withImages，请帮忙

Answer 1

您可以简单地使用 withImages

包装配置

const API_SERVER_ENDPOINT = 'http://localhost:5000';

const withImages = require("next-images");

module.exports = withImages({
  async rewrites() {
    return [
      {
        source: "/api/:path*",
        destination: `${API_SERVER_ENDPOINT}/api/:path*`,
      },
    ];
  },
});

如何在 next.config.js 中使用 next-images 和 rewrite

1 个答案: