小程序跳转web页面的时候空白页,小程序的接口是200通的,打开web网址结果跨域

小程序跳转web页面的时候空白页,小程序的接口是200通的,也有响应返回,打开web网址结果跨域,请问这是什么原因。web端是请求的服务器上面的地址

img

img

网页跨域的话,网页域名和请求域名是不是一样的,不一样就需要服务端配置一下可以跨域请求

需要在小程序后台配置webview白名单

如果在小程序中使用wx.navigateTo跳转到一个web页面,而该页面发起的请求返回跨域错误,那么很有可能是因为该web页面与小程序本身所在的域名不一致,导致浏览器在请求该页面的时候被阻止。
解决办法有以下几种:

  1. 将该web页面所在的域名添加到小程序的request合法域名列表中。在小程序开发工具中,可以进入 “详情” -> “项目设置” -> “请求合法域名” 来添加域名。如果是在生产环境中,则需要在小程序公众平台中(https://mp.weixin.qq.com/)进行设置。
  2. 如果所访问的web页面是你自己的站点,你可以在服务器端添加CORS(跨域资源共享)头部,以允许浏览器在请求该页面的时候不被阻止。具体来说,你需要在服务器端添加如下的响应头:
    Access-Control-Allow-Origin: *
    
    其中,*表示可以被任意域名访问。如果你想限制只有小程序域名可以访问该页面,可以将*替换为小程序域名。
  3. 如果以上方法都无法解决问题,你可以考虑使用小程序自带的Webview组件来加载该web页面。Webview组件是小程序提供的一个嵌入式浏览器组件,可以直接跳转到指定的Url并显示网页内容。你可以在小程序中添加一个Webview组件,并将其指向需要访问的web页面地址。需要注意的是,Webview组件的使用有一些限制,具体可参考小程序官方文档。