error_Network Error

在这里插入图片描述
此页面为订单列表,是混合开发(页面嵌入在客户端中)

此页面为订单列表,此需求在开发时后端先将代码发布在测试环境,我在本地调试时调用的后端接口进行联调没有任何问题。

此后我将代码发布在测试环境,在app中打开页面,是一个空页面,通过打开发现接口报如上错误(其他web嵌入页面也有同样问题)。

message: “Network Error
stack: “Error: Network Error↵ at createError$2 (https://x-test.ulang.net.cn/web/assets/vendor.7410b19d.js:58:6483)↵ at XMLHttpRequest.i.onerror (https://x-test.ulang.net.cn/web/assets/vendor.7410b19d.js:58:9944)”
proto: Object

刚开始怀疑是超时了,将接口的超时时间扩大进行测试没有任何作用,并且后端打印日志发现接口并没有请求到他那里

(由于对混合app开发不是很熟悉)怀疑是不是客户端嵌入问题,其实整个页面都是web的,无论是页面样式还是接口请求都和客户端没有关系

最后发现是跨域了!
页面的域名:https://xxx-test.ulang.net.cn
接口的域名:https://xxx-test.ulang.net.cn
客户端配置的页面域名: https://x-test.ulang.net.cn(能请求到当前页面也是挺奇怪的,貌似是因为前端配置加了白名单两个域名都能访问到当前页面)
测试环境中页面域名https://x-test.ulang.net.cn与接口域名https://xxx-test.ulang.net.cn不一致导致跨域了!

最终修改客户端配置页面域名即可。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值