企业官网建设流程全解析

怀宁县住房与城乡建设局网站,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 };这样代码更简洁也更符合最佳实践。