16. React配置代理proxy

可以直接看 3. 总结

1.react如何解决跨域问题

1.1 跨域是什么

• SpringBoot2.x跨域问题

• 1.2 react请求跨域是什么

2. react如何解决跨域

方式1 通过配置代理 proxy

原理

• ajax请求可以发送到服务器，但是浏览器无法接受服务器返回结果，因为跨域
• 解决方法1 如下使用代理服务器作请求转发再返回
  

操作步骤

• 找到并打开 package.json
• 添加配置
• 假如 server地址 http://localhost:5000
• react client地址 localhost:3000

//"proxy":"服务器地址+端口号"
"proxy":"http://localhost:5000"

• 在axios请求中发送请求

axios.get("http://localhost:3000/wx_search/search_data_class_all/").then(
  response => {
   console.log("success",response.data)