我已经很久没有写文件了，并且上传了它。事实上，我踩了所有的基本坑。

踩到的坑

1. 使用FormData传值为{}
   这是因为你的面包外面有花括号，你可以直接传递。!

   fileChange(e) { const file = e.target.files[0]; const fd = new FormData(); fd.set("file", file); uploadFile(fd); },

2. 跨域问题解决：
   在vue.config.js文件下的此配置

   devServer: { port: "4200", proxy: { "/api": { // target 是您要访问的链接 target: "http://123.56.230.79:6500", changeOrigin: true, pathRewrite: { "^/api": "", }, }, }, },

请求详情如下

   
// 上传文件
export const uploadFile = (params) =>
  service({
    url: "/api/file/update",
    method: "post",
    data: params,
    headers: { "Content-Type": "multipart/form-data" },
  });

此操作后，界面将通过：

虽然问题很简单，但让我们记录下来。如果你帮助一个人 出坑 就够了