demo请狠狠的戳这里https://download.lllomh.com/cliect/#/product/G909746950517113一.配置代理使用create-next-app创建的Next.js

一、创建nextjs项目使用create-next-app来启动一个新的Next.js应用，它会自动为你设置好一切运行命令:np

官网地址：https://nextjs.org/二、安装设置我们建议使用create-next-app创建新的Next.

一、创建一个next项目使用create-next-app来启动一个新的Next.js应用，它会自动为你设置好一切运行命令:npxcreate-next-app@latest执行结果如下：启动项目：pnpmdev

文章标题01Next.js是什么02Next.js搭建工具create-next-app03create-react-app与create-next-app的区别04快速构建Next.js项目05AppRouter

一、使用create-next-app创建的Next.js项目配置接口跨域代理转发需要用到customserver功能。

Next.js（代码示例均使用hook函数式声明）1.特点1.1完善的React项目架构，搭建轻松  Webpack配置，服务器启动，路由配置，缓存能力，这些在它内部已经完善的为我们搭建完成了(create-next-app

用create-next-app快速创建项目，create-next-app就是Next.js的脚手架工具，有了它可以直接一句命令就建立好项目目录和基本结构如果你没有使用过create-next-app

next官网文档：http://nextjs.frontendx.cn/1.安装脚手架create-next-app是next的脚手架会为你搭建好最基本的next框架。

使用create-next-app创建的Next.js项目配置接口跨域代理转发需要用到customserver功能。

项目前端基础开发环境搭建使用create-next-app快速创建项目create-next-app就是Next.js的脚手架工具，使用它就可以创建出一系列基本结构全局安装npminstall-gcreate-next-app

使用create-next-app初始化项目create-next-app和react官方提供的create-react-app(CRA)非常像，next.js官方也自带了create-next-app

本次案例使用了nextjs的脚手架搭建和一些依赖安装*在本博客后面会贴上代码案例,不想看步骤的大佬可以直接拉到最下面，萌新博客见谅1.安装create-next-app(mac用户记得加上sudo)cnpmi-gcreate-next-app

使用create-next-app创建的Next.js项目配置接口跨域代理转发需要用到customserver功能。

运行create-next-app后，尽情地享受吧Visualization14