NextJS部署Azure遇阻：next export后axios与react-query能否正常调用？

结论：next export构建生成静态文件后，axios和react-query完全可以正常调用接口

原因如下：

• next export输出的是纯静态HTML/CSS/JS资源，运行在客户端浏览器环境，和你之前开发Vue或基础React静态项目的运行环境一致，不存在服务端依赖限制。
• axios是客户端HTTP请求库，只要目标接口公网可访问（或已配置好跨域CORS规则），就能在浏览器端正常发起请求，不受next export构建方式的影响。
• react-query的核心逻辑是在客户端管理请求缓存、状态，和NextJS的服务端渲染能力、内置API路由无关，只要axios能正常发起请求，react-query就能正常完成查询、缓存等工作。

需要注意的细节：

• 接口请求地址请使用绝对路径（例如https://api.yourdomain.com/get-data），不要依赖相对路径的服务端转发（next export后无服务端环境支持路由转发）。
• 如果使用了环境变量存储接口地址，请确保变量以NEXT_PUBLIC_为前缀，这样构建时会将变量注入到静态文件中，客户端才能正常读取。

内容的提问来源于stack exchange，提问作者Osmankaapa