news 2026/3/20 8:31:41

React—— Next.js 配置 API 代理解决跨域问题

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
React—— Next.js 配置 API 代理解决跨域问题

什么是跨域?

当你的前端页面(比如http://localhost:3000)请求另一个域名的接口(比如http://api.example.com),浏览器会阻止这个请求,这就是跨域问题。

前端页面: http://localhost:3000 API接口: http://api.example.com:8080 ↑ 域名/端口不同,浏览器拒绝请求

解决方案:配置代理

代理的原理很简单:让前端请求自己的服务器,再由服务器转发给 API。

浏览器 → 前端服务器(代理) → API服务器 同源,不跨域 服务器之间无跨域限制

Next.js 代理配置

next.config.js中配置rewrites

// next.config.jsmodule.exports={asyncrewrites(){return[{source:'/api/:path*',
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/3/17 0:13:54

一位淘宝工程同学的大模型LoRA微调尝试

本文主要介绍了大模型时代下,如何通过 LoRA(Low-Rank Adaptation)这一参数高效微调技术,实现对大模型的轻量级定制。文章从微调的基本概念出发,详细阐述了 LoRA 的原理、优势与局限性,并结合本地原生实现&a…

作者头像 李华
网站建设 2026/3/18 23:57:52

小白程序员逆袭:一文搞懂大模型智能体框架,开发效率提升10倍!

从编写一次性的脚本到使用一个成熟的框架,是软件工程领域一次重要的思维跃迁。本文探讨如何利用业界主流的一些智能体框架,来高效、规范地构建可靠的智能体应用。我们将概览当前市面上主流的智能体框架,然后并对几个具有代表性的框架&#xf…

作者头像 李华
网站建设 2026/3/17 4:42:10

在企业级应用开发中实现精细化权限控制的策略与实践

权限控制作为企业级应用安全体系的核心组成部分,其设计直接关系到系统的安全性与数据的完整性。本文旨在探讨基于 Spring Security 框架,如何通过动态参数实现细粒度权限校验,以超越传统基于静态角色的粗放式权限管理。 背景与挑战 传统权限…

作者头像 李华
网站建设 2026/3/17 2:46:34

sward快速上手指南 - 安装与配置

推荐一款国产开源免费的知识管理工具 - sward,sward包含知识库管理、文档管理、文档协作、文档分享等模块,支持普通文档、markdown等格式,产品简洁易用、开源免费,本文将介绍如何快速安装配置sward。 1、安装 sward支持多系统安…

作者头像 李华