关于web项目,植入到钉钉,ios系统图片上传的问题

项目背景

因甲方需要,要求本公司开发的软件程序,以第三方程序的形式,植入到甲方公司钉钉内部应用中。关于怎么在钉钉设置应用等鸡肋问题,此处省略

所遇问题

  1. 钉钉对字体大小设置,即font-size:**px;font-weight:100;font-family字体等的呈现效果,跟微信等浏览器均有区别,可自行尝试。所以会造成视觉上的差距;
  2. 在钉钉上传图片,特别是ios版本,会造成上传失败的情况;安卓与鸿蒙不存在

如何解决

  1. 针对问题1,其实只需要叫UI重新设计一下样式即可,太简单了,微调即可!
  2. 问题2,主要针对ios,问题存在的原因是钉钉在ios系统版本下,使用axios上传图片的过程中,钉钉不能识别请求头content-type,只需要强制更改content-type即可。
// 强制更改请求头
var config = {
           transformRequest: [function (data, headers) {
               // 去除post请求默认的content-type
               delete headers.post['content-type']
               return data
           }]
           // headers: { "Content-Type": "multipart/form-data" }
       }
//然后在发送请求的时候带上config即可
const res = $axios.post(url,params,config) 

你可能感兴趣的:(踩坑之路,前端,钉钉)