近期有一个厂商的文件资源服务器下线,需要新建一个文件资源服务器给APP端供数,切换过程中出现【资源加载失败】问题,PC端通过浏览器访问文件正常。
该问题处理时间比较急促,因APP测试环境搭建较慢,只能边猜边改,针对这个问题处理了三次:
1. 怀疑是APP和PC端请求有差异,导致响应结果不同,但是通过bp比较nginx日志看PC和APP请求比较没什么差异;
2. 怀疑是组件问题,搭建使用 vue-pdf-embed 未复现该问题;
3. 怀疑是跨域问题,这个比较靠谱,因为PC端时单域名不存在跨域,APP端和文件服务器不是同一个域名,存在跨域;
最终查找相应的资源,配置nginx跨域配置问题处理
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' '*';