贵州省建设厅三类人员报名网站今天的新闻头条

贵州省建设厅三类人员报名网站,今天的新闻头条,站酷网络,wordpress安装显示空白vue3中#xff0c;以下代码#xff1a; /*** 上传作业指导书文件#xff0c;实现上传文件到数据库 image 字段或本地磁盘中#xff0c;使用 post 发送请求#xff0c;发送的数据只有#xff1a;请求体数据#xff08;表单数据 formData#xff09;* param formData 表单…vue3中以下代码 /** * 上传作业指导书文件实现上传文件到数据库 image 字段或本地磁盘中使用 post 发送请求发送的数据只有请求体数据表单数据 formData * param formData 表单数据包含的数据有文件数据uploadFile和 文件编号fileNo {link FormData} * returns */ export const workInstructionUploadFileService (formData: FormData) { return request.post(/resources/workInstruction/uploadFile, formData, { // 上传文件需设置 headers 信息将Content-Type设置为multipart/form-data headers: { Content-Type: multipart/form-data } }); }; 需不需要设置Content-Type: multipart/form-data不需要手动设置Content-Type: multipart/form-data。原因如下1. 浏览器会自动设置当使用FormData对象发送请求时浏览器会自动设置正确的Content-Type并包含必要的 boundary边界分隔符。手动设置可能会破坏这个机制。2. 会丢失 boundary 信息如果你手动设置了Content-Type: multipart/form-data但没有包含 boundary请求会失败。正确的格式应该是textContent-Type: multipart/form-data; boundary----WebKitFormBoundary7MA4YWxkTrZu0gW3. 推荐的正确写法typescriptexport const workInstructionUploadFileService (formData: FormData) { return request.post(/resources/workInstruction/uploadFile, formData); // 不需要手动设置 headersaxios 会自动处理 };4. 验证方式你可以在浏览器开发者工具的 Network 标签页查看实际的请求头会发现手动设置时Content-Type: multipart/form-data自动设置时Content-Type: multipart/form-data; boundary...5. 特殊情况只有在以下情况下需要手动设置使用的请求库不支持自动设置需要自定义 boundary极少情况需要在 header 中添加其他特定信息对于你使用的axios或类似的现代 HTTP 库它们都会自动正确处理FormData的 Content-Type。建议修改typescript/** * 上传作业指导书文件 * param formData 包含 uploadFile 和 fileNo 的表单数据 * returns */ export const workInstructionUploadFileService (formData: FormData) { return request.post(/resources/workInstruction/uploadFile, formData); // axios 会自动设置正确的 Content-Type 和 boundary };这样代码更简洁也更符合最佳实践。