Skip to content

Latest commit

 

History

History
7 lines (5 loc) · 1.34 KB

THINK.md

File metadata and controls

7 lines (5 loc) · 1.34 KB

总结

  • React中实现的本地反向代理,前端项目中,封装的ajax.js文件中,BASE_URL为.env文件中写好的,一般为前端端口加一个路由。这整个访问地址,是用来浏览器访问前端服务器的地址。而在setupProxy.js文件中请求匹配的路由设置,则是将所有前端服务器收到的此路由下的请求全部转发到目标网址,比如将3001/api/····相关的全部请求转发到后端服务器,比如后端服务器的端口为8080,则看setupProxy.js文件的重写路径设置,如果没有设置重写路由,则前端服务器转发到后端服务器的8080/api/····
  • React的async和await关键字,这里先总结下promise。

promise用于异步计算,是一个对象,拥有一些异步操作。promise是js的抽象异步处理对象实现异步编程的方案,简单的说就是解决传统js运行单线程的诟病以及异步操作的多层级嵌套带来的麻烦。可以将异步数据变为同步。而本项目中的ajax请求封装就是用的基于promise的ajax请求。所以封装的get、post等方法都是要基于异步的。

await关键在要在async操作中得以体现作用。使用async和await后,async 关键字将函数转换为 promise,用更少的.then()块来封装代码,同时它看起来很像同步代码,所以它非常直观。