开发钉钉H5微应用遇到的小问题

389 阅读1分钟

最近在研究如何接入钉钉工作台,第一种是小程序,第二种是H5微应用,为了今后能够在其他平台上发布,我们最终选择了H5微应用形式开发。

但是就在搭建项目工程的时候,发现一个问题,如果用vue-cli创建的项目,经过npm run build打包后,发布到云端,将地址配置到应用后台,这个时候,我发现,钉钉PC端是可以正常打开此应用,但是手机端却无法打开:

PC端 image.png 手机端 398bf29fe72e57bf4c7c2972ee7a491.jpg

经过多方查找,发现可能原因是钉钉内置浏览器内核版本过低,chrome69 的 UC3.0 内核,而chrome内核版本已经

image.png

所以,对一些新技术可能无法兼容,比如Vue3+vite,而vue2也可以正常访问,但是现在也不能把vue3改成vue2,就得想办法做兼容处理。

通过查询vite官方文档cn.vitejs.dev/plugins/ ,找到了一个比较适合的插件@vitejs/plugin-legacy,官网定义是这样的:

image.png 接下来我们就试一下:

npm install @vitejs/plugin-legacy -D

然后在vite.config.ts中配置:

image.png

打包部署,

8e70b132410c20a19e19e07c44519b8.jpg

这样就可以看到页面内容了。