next.js配置接口代理proxy最近有一个使用next.js框架创建的小项目。 我是第一次使用这个框架,没什么经验。 可以用官方的方法初始化项目,然后开始跑。
但是,我需要安排代理人来请求数据。 我看了百度,之所以不顺利,可能是因为资料版本太旧了。 用谷歌搜索后,这个问题顺利解决了。 在那里写文章记录。
如果依赖于安装的npminstallexpresshttp-proxy-middleware-d具有nodejs的基础,则这两种依赖关系非常常见,express可能是常用的web服务框架http-proxy-middleware是代理中间件。
在项目根目录下创建server.js,创建server.js文件,然后输入以下代码:
constexpress=require(express ) ) const next=require (next ) const (createproxymiddleware )=require ) http-pppr执行端口==' production '//appconstapp=next ({ dev } ) const handle=app.getrequest handler ) )//初始化代理清单。 此处与常见的web包配置相同。 constproxytable={ '/API ' : } target : ' http://127.0.0.133604000 ', path rewrite : { ' ^/API ' : '/3360 } change origin 3360 true } app.prepare (.then ) )={ const server=express 承载所有请求的server.all('* ',) req,res )={returnHandle(req,res ) } ) server.listen ) port,(err )={if(err )
' scripts ' : { ' dev ' : ' nodeserver.js ',' build': 'next build ',' start ' : ' node _ env=produc
接口服务不在本文的范围内。
可以通过命令行请求代理的接口。 接下来,需要考虑如何向代码请求接口。 如果有需要记录的内容,就继续写博文。
本文为FungLeo原创,允许转载,但转载必须保留第一个链接。