Next.js 配置接口跨域代理转发

最新推荐文章于 2025-07-16 16:40:54 发布

原创

最新推荐文章于 2025-07-16 16:40:54 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何在使用Next.js创建的项目中，通过`next.config.js`配置接口跨域代理转发。过程中可能会遇到`sharp`库的版本问题，解决方法包括针对1.0.0以上和以下不同版本的引入方式调整。同时，别忘了更新相关配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用 create-next-app 创建的 Next.js 项目配置接口跨域代理转发需要用到 custom server 功能。
先安装好 express 和 http-proxy-middleware

npm install express http-proxy-middleware

const express = require('express')
const next = require('next')
const {
   
   createProxyMiddleware } = require('http-proxy-middleware')

const devProxy = {
   
   
    '/api': {
   
   
        target: 'http://127.0.0.1:7001', // 端口自己配置合适的
        pathRewrite: {
   
   
            '^/api':