error_Network Error

error_Network Error_第1张图片
此页面为订单列表,是混合开发(页面嵌入在客户端中)

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

此后我将代码发布在测试环境,在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不一致导致跨域了!

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

你可能感兴趣的:(#,逻辑与踩坑,h5,javascript)