微信第三方平台构建PC端授权链接，直接打开报错：授权入口页所在域名：空

1、微信第三方平台构建PC端授权链接，直接打开报错：错误 请确认授权入口页所在域名，与授权后回调页所在域名相同，并且，此两者都必须与申请第三方平台时填写的授权发起页域名相同。授权入口页所在域名：空。如图1

图1

2、在现有已经实现的程序中，先打开授权入口页，再跳转至PC端授权链接，未报错，正常显示待扫描的二维码。仔细对比二者的差异，正常显示二维码的页面，其请求头中包含：referer。如图2

图2

3、仔细对比二者的差异，正常显示二维码的页面，其请求头中包含：referer。而报错的页面不包含：referer。如图3

图3

4、官方文档：第三方平台型服务商构建授权链接放置自己的网站，用户点击后，弹出授权页面。决定将PC端授权链接放在授权发起页域名下。在 http://console.dev.chinamcloud.cn/ccpauth 添加链接。如图4

图4

<a href="https://mp.weixin.qq.com/cgi-bin/componentloginpage?component_appid=wxd98c58b273d21bdf&pre_auth_code=preauthcode@@@V8lWmb5dQYkVfJL8wUOKPWyN9ZMhT-n8cOz7B7xxHkqth3QPamJJpsbk5Q6lwgxs7y49-H_zefIjQdM8IECPVw&redirect_uri=https://console.dev.chinamcloud.cn/ccpauth&auth_type=1">PC端授权链接</a>

5、右键：PC端授权链接，在新标签页中打开链接。未报错，正常显示待扫描的二维码，其请求头中包含：referer。如图5

图5

6、查看 MDN Web Docs 上的 HTTP Headers -> Referer。Referer 请求头包含了当前请求页面的来源页面的地址，即表示当前页面是通过此来源页面里的链接进入的。如图6

图6