最近在学习学成在线，在微信扫码中这一步被卡住了，搜索了许多资料都没能解决。经过一番折腾，最终基于教程原有文档，并在GPT的帮助下终于解决了，希望通过这篇分享，能帮助大家少走弯路。废话不多说，下面进入主题。

1、修改前端工程 xc-ui-pc-static-portal 目录下的wxsign.html

这里是之前上传的前端静态资源，找到目录下的wxsign.html​编辑需要修改两个地方，第一处需要将原本的链接替换为微信官方的，这里很重要，我之前就是因为没有替换，导致死活不显示。

<script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>

​编辑第二处直接复制如下代码，替换即可

  //请用微信生成二维码
    function generateWxQrcode(token) {
    var wxObj = new WxLogin({
        self_redirect:true,
        id:"login_container", 
        appid: "wx17655f8047b85150", 
        scope: "snsapi_login", 
        //redirect_uri: "http://tjxt-user-t.itheima.net/xuecheng/auth/wxLogin",
         redirect_uri: "http://tjxt-user-t.itheima.net/api/auth/wxLogin",
        state: token,
        style: "",
        href: ""
      });
    }

​编辑2、在nginx.conf配置tjxt-user-t.itheima.net域名

在http下添加 server_names_hash_bucket_size 64;如下​

server_names_hash_bucket_size 64; 只是为提高/保证 server_name 哈希表的容量，避免“哈希桶太小”的告警，对匹配结果本身无逻辑影响。

配置tjxt-user-t.itheima.net 虚拟主机，如下：

​

配置完成后，重新加载nginx的配置文件：nginx.exe -s reload；我使用docker部署，所以重新加载的指令为：docker exec nginx nginx -s reload。根据自己实际情况选择对应的指令。

3、配置hosts文件

修改hosts文件，配置 tjxt-user-t.itheima.net 如下，一般无需手动刷新，配置完就生效了：

​

到这里就应该大功告成了，希望对大家有所帮助

​