解决微信后台禁用url问题

在这里插入图片描述

由于目前用的平台，域名都没有在微信授权，所以被微信给禁用了，我们现在用一个接口可以绑定域名的平台转发一下，演示选择使用vscode工具，其它有终端的工具亦可。

1. 安装vercel

全局安装vercel

npm i vercel@latest -g

全局安装vercel

安装中可能有些同学会安装失败，可以更新一下node的版本，没有node的安装一下，有node的更新到最新，最新node地址。安装node过程不再多说，不会的可以搜索一下。

创建package.json

新建一个文件夹初始化项目

npm init

初始化

这个指令给项目生成一个package.json文件，用于管理依赖等，可以一路回车

package.json

登录链接vercel

vercel login

远程连接一下vercel，使用github登录

github登录

如果以前都登陆过vercel，会自动登录成功，显示如下页面，没有登陆的过的选择自己的github账户登录一下

登录成功

链接成功

初始化vercel

vercel

vercel

初始化vercel指令，一路回车就行

vercel初始化成功

2. 测试页面

新建vercel.json文件

{
    
    
  "routes": [
      {
    
    
          "src": "/test",
          "dest": "/test.html"
      }
  ]
}

vercel.json

新建一个test.html页面

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div>test页面</div>
</body>
</html>

test.html

在控制台执行vercel指令

vercel

vercel

点击链接，后边拼接上/test，如 https://vercel-husanr.vercel.app/test

test页面

这个页面正常显示说明项目测试配置成功

3. 安装依赖

安装必要的依赖，安装axios请求接口

npm i axios

axios

安装express框架

npm i express

express

安装@vercel/node依赖

npm i @vercel/node -D

@vercel/node

4. 写转发接口

新建api文件夹，创建chat.js，代码如下

const axios = require('axios');

axios.defaults.headers.post['Content-Type'] = 'text/xml';

module.exports = async (req, res) => {
    
    
  console.log("req",req.query);
  const er = req.query.echostr
  // 将用户消息发送到现有的后端接口
  try {
    
    
    const response = await axios({
    
    
      url: "https://****.laf.dev/test",//地址替换为你的云函数地址
      method: "POST",
      params: req.query,
      data: req
    })
    console.log('res data',response.data);
    console.log('echostr',er);
    // 处理后端接口的响应，并将其返回给前端
    if(er) {
    
     
      // 若是微信首次验签
      res.status(200).end(er);
    } else {
    
    
      res.status(200).end(response.data);
    }
  } catch (error) {
    
    
    // 处理转发请求失败的情况
    console.error(error);
    res.status(500).json({
    
     error: '转发请求失败' });
  }
};