前端篇

当调试接口，出现跨域问题时

前端项目在与后端调试接口时，常会遇到浏览器提示跨域

Access to XMLHttpRequest at 'https://xxx.xxx.com' from origin 'https://xxx.xxx.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

以往在不等待后端修改的前提下，前端项目都是去配置项目的本地代理,从而绕过跨域问题。如今通过使用 NUAPI 将接口域名地址进行转发, 使用NUAPI生成的代理地址进行请求,就可以解决跨域问题

步骤1 填写要转发的接口地址

步骤2 使用生成好的转发域名

步骤3 将这个代理地址直接在项目里使用，例如我用的是axios

解决手机端真机调试问题

移动端h5或app在进行真机调试，出现接口请求报错时，以往需要开发者安装抓包工具。 抓包工具的配置一般较为复杂，并需要电脑与手机保持同一网络。通过使用NUAPI 的域名转发，可以更为方便的查看接口请求日志，快速定位问题，省略复杂的工具安装。

请求日志列表

请求日志详情 它会展示请求的Request信息, 参数， 以及接口返回的Response信息

与后端联调接口，重发请求

前端遇到报错请求，可将请求的详细参数以及返回值发给后端查看，当传递的参数有误时不需要修改代码重新编译，可直接在浏览器中进行请求重试 ​后端修改该问题后，可以重新发送该请求，确认问题已经修复。避免重复构造发送请求的环境。

具体操作步骤查看 重发请求日志章节 (opens new window)