静态部署调用本地IIS服务器API失败

Question

请问.我使用了"http-proxy-middleware": "2.0.6"依赖包解决了运行中的跨域问题.
运行没有error
但是在静态部署中,只要调用API.这个网页就出现白屏，我如何j解决这个问题.




![图片描述](https://img1.sycdn.imooc.com//szimg/64e20ff709c78c0907640644.jpg

Answer 1

阿莱克斯刘 2023-08-20 21:12:37

从错误信息来看似乎是react在处理数据的时候出现了解析错误（估计是处理api数据产生的错误），你可以在代码中的reducer和useEffect中多写几个console.log，看看能不能正常输出你想要的数据，至少console.log可以告诉你程序在哪里崩溃。

Answer 2

阿莱克斯刘 2023-08-21 15:50:36

同学，慕课网的后端api正在更新，暂时使用不了，不过今晚凌晨问题应该就可以修复。过两天可能我们还要更换一下后端的api地址，我会把新的后端ip地址发布在公告中，也会在课程的问题区和文档中做出说明，请留意。给你造成困扰实在很抱歉。

Answer 3

阿莱克斯刘 2023-08-20 21:13:38

感觉报错像是api后端返回了一个空列表

• 提问者 慕仔7234915 #1

  dispatch(fetchRecommandProductsStartActionCreater());
  
              console.log("SSSSSSSSSfetchRecommandProductsStartActionCreater_start")
  
              const { data } = await axios.get(`/api/ProductList`);
           
              console.log(data)
              console.log("数据长度");
              console.log(data.length);
  
              const obj= JSON.parse(data);
              const s = obj[0];
              console.log(s.description);
              console.log("数据"); 
  返回一个网页

• 阿莱克斯刘 回复 提问者 慕仔7234915 #2

  似乎是慕课网的icode出问题了，昨天有这个问题吗？

• 提问者 慕仔7234915 回复 阿莱克斯刘 #3

  我是做静态部署开始出现的这个跨服务问题.我一直调用的是我本地的IIS的API.所以我与icode没什么关系.

Answer 4

阿莱克斯刘 2023-08-20 21:03:25

打开浏览器console看看有没有报错。或者清理一下缓存试试。还有一个问题，课程后端api是没有跨域问题的，因为我在部署后端的时候设置的是允许任何域名访问的。如果有跨域问题，你可以粘贴一下详细错误信息，我们来研究一下。

• 提问者 慕仔7234915 #1

  我把前后端代码发你邮箱吧.有时间你帮我跑一下本地环境,可以么？

• 提问者 慕仔7234915 #2

  所有错误都贴图了.npm start环境下没有问题