解决飞书APP无法安卓端打开vue3网页项目的问题
公司使用了Vue3开发新系统,在发布版本时发现在安卓设备的飞书APP内置浏览器中无法正常运行。
向飞书官方客服咨询后,获得了console调试工具权限,最终发现问题是由于飞书内置浏览器版本过低不支持ES6新语法,导致项目无法正常运行。
解决方案如下:
一、安装 plugin-legacy
npm install @vitejs/plugin-legacy -D
npm add -D terser //这个一定得安装,不然打包会报错
二、修改 vite.config.js 文件
// vite.config.js
import legacy from '@vitejs/plugin-legacy'
export default {
plugins: [
vue(),
legacy({
targets: ['defaults', 'not IE 11'],
}),
],
}
使用这个方法可以使网站兼容低内核浏览器,并且解决了相关问题。更多插件细节可以在vite文档中查看。
空空如也!