解决微信后台禁用url问题-阿里云开发者社区

解决微信后台禁用url问题

2023-07-12 145

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

本文涉及的产品

.cn 域名，1个 12个月

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

解决微信后台禁用url问题

在这里插入图片描述

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

1. 安装vercel

全局安装vercel
```
npm i vercel@latest -g
```

安装中可能有些同学会安装失败，可以更新一下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
```

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

test页面

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

3. 安装依赖

安装必要的依赖，安装axios请求接口
```
npm i axios
```
安装express框架
```
npm i express
```
安装@vercel/node依赖
```
npm i @vercel/node -D
```

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: '转发请求失败' });
  }
};