解决飞书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文档中查看。

消息盒子
# 您需要首次评论以获取消息 #
# 您需要首次评论以获取消息 #

只显示最新10条未读和已读信息