此页面为订单列表,是混合开发(页面嵌入在客户端中)
此页面为订单列表,此需求在开发时后端先将代码发布在测试环境,我在本地调试时调用的后端接口进行联调没有任何问题。
此后我将代码发布在测试环境,在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不一致导致跨域了!
最终修改客户端配置页面域名即可。