使用Axios跨域发送form-urlencoded请求遇403及Promise错误求助

首先，你遇到了两个核心问题：403 Forbidden服务器拒绝访问，以及未处理的Promise拒绝警告，我来逐个帮你拆解解决：

1. 403错误的原因与修复方案 #

403状态码意味着服务器能识别你的请求，但直接拒绝提供服务，常见触发原因和处理方式如下：

• 缺少客户端标识请求头：很多服务会验证请求是否来自合法客户端（比如浏览器），你当前的请求没有携带User-Agent这类标识，服务器可能判定为非浏览器的非法请求。
• 请求格式声明不明确：虽然你用qs.stringify()处理了参数，但最好显式声明Content-Type为application/x-www-form-urlencoded，确保Axios正确传递请求格式信息。

针对这两点，你需要给Axios添加请求头配置，模拟浏览器的请求特征。

2. 未处理Promise拒绝警告的修复 #

你的代码只处理了请求成功的.then()分支，但完全没有捕获请求失败的情况，Node.js会因此抛出警告（未来版本甚至会直接终止进程）。解决方法很简单：添加.catch()分支来捕获并处理所有请求错误。

修改后的完整可运行代码 #

const qs = require("qs");
const axios = require("axios");
const tmp = { id: "96e8ef9f-7f87-4fb5-a1ab-fcc247647cce", filter_type: "2" };

axios
  .post("https://www.lalal.ai/api/preview/", qs.stringify(tmp), {
    headers: {
      // 模拟浏览器的客户端标识，避免被服务器拦截
      "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36",
      // 明确声明请求内容格式为form-urlencoded
      "Content-Type": "application/x-www-form-urlencoded"
    }
  })
  .then((result) => { 
    console.log("请求成功返回数据:", result.data); // 打印data字段比整个result对象更直观
  })
  .catch((error) => {
    // 捕获所有请求错误，方便排查问题
    console.error("请求失败详情:", error.response?.data || error.message);
  });

额外排查提示 #

如果添加请求头后仍然返回403，可能是该API需要额外的认证信息（比如API Key），或者有更严格的反爬机制（比如Cookie验证）。你可以先在浏览器中手动触发该请求，通过开发者工具的Network面板查看浏览器发送的完整请求头，对比后补充到你的代码中。

内容的提问来源于stack exchange，提问作者Riky Andreas