软件系统定制开发vue3.0 + vite2.0+如何兼容低版本浏览器

软件系统定制开发这里写自定义目录标题

一、问题

在使用vue3.2和vite2 软件系统定制开发开发一个移动端或者钉钉端 H5 微服务
ios app内置浏览器打开没问题
安卓 app 内置浏览器打开空白页面 vconsole 打印出现报错global this undefind

二、解决

内置浏览器 版本比较低 打印出来是 63
vue3 代码不兼容低版本浏览器

三、解决方案

步骤一: vite.config.ts里 build.target 配置项 指定构建目标为 es2015或者
步骤二:安装@vitejs/plugin-legacy 安装完 报错也还在 指定版本可以解决
“@vitejs/plugin-legacy”: “1.8.0”,
步骤三:配置 vite.config.ts

import legacy from '@vitejs/plugin-legacy';  legacy({        targets: ['Chrome 63'],        additionalLegacyPolyfills: ['regenerator-runtime/runtime'],        modernPolyfills: true,      }),
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

四、打包预览

完成以上操作 打包 安装本地服务器
npm install -g express-generator
初始化文件夹
express -e server
文件夹中运行
npm i 安装依赖
打包后的 dist 文件下所有文件
复制到 新建文件夹下 public下
并运行 npm start
运行后 location: 3000 进行访问

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发