关于前端请求报错参数不同分别的问题

• 属性名不同，可能存在变量名勿写错误导致前后端属性名不一致的问题。

• 属性类型不同，可能后端需要一个int型数据，而前端传值为字符串格式，可能会导致该错误。

• 属性名缺少，可能缺少某些必传的属性名。

  解决方法，仔细检查自己的数据跟后端的文档是否存在不同，实在没找到问题，就跟后端大佬及时沟通，询问是否是文档错误，核对正确数据是哪样的。

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      "@": fileURLToPath(new URL("./src", import.meta.url)),
    },
  },
  //这下面才是重点
  server: {
    proxy: {
      "/api": {
        target: "http://47.113.180.156:8093", // 后端服务地址（确保后端服务地址与服务器一致）
        changeOrigin: false, // 是否改变请求的域名（这里我暂时不知道是啥意思，遇到403错误时，可以尝试修改一下这里，将它的布尔值修改变一下，试试）
        rewrite: (path) => path.replace(/^\/api/, ""), // 是否去掉 /api 前缀
      },
    },
  },
});

我目前遇到的403问题，就在这儿两个地方，如果还是不行请另寻文章，小的实力不行，暂时没有找到其他的解决方法。

• application/json：这是一种常见的请求头，用于发送JSON格式的数据。JSON是一种轻量级的数据交换格式，易于阅读和编写，同时也易于机器解析和生成。
• application/x-www-form-urlencoded：这是另一种常见的请求头，通常用于发送表单数据。在这种格式中，表单数据被编码为一系列键值对，用&符号连接。
• multipart/form-data：这种请求头通常用于发送包含文件上传的表单数据。它允许你将表单数据和文件数据一起发送，并且可以对文件数据进行编码和传输。
• multipart/form-data：这种请求头通常用于发送包含文件上传的表单数据。它允许你将表单数据和文件数据一起发送，并且可以对文件数据进行编码和传输。
• text/plain：这种请求头用于发送纯文本数据。它通常用于发送简单的文本信息，如电子邮件的正文。
• application/xml：这种请求头用于发送XML格式的数据。XML是一种标记语言，常用于存储和传输结构化数据。
  具体需要什么请求头可以通过接口测试工具进行筛选（当然也可以看后端大佬的文档，如果后端大佬问题有问题，那就需要自己测接口了），我用的测接口工具为Apifox，这个里面是中文，我英文不太好，还是中文适合我。
  下面就是代码里面的使用：

export const deleteData = (eventId) => request({
    url: "url",
    method: "post",
    data: eventId,
    //下面是重点，写headers配置项
    headers: {
    //Content-Type是请求头设置，默认的请求头为：application/json
        "Content-Type": 'application/x-www-form-urlencoded'
    }
})

以上就是我遇见的比较常见的前端报错数字以及我个人解决的方法心得。