yangzongzhuan / RuoYi-Vue3

:tada: (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
http://ruoyi.vip
MIT License
4.82k stars 1.96k forks source link

vue3版本不兼容低版本浏览器,怎么解决一下啊?现在项目中有很多低版本的谷歌浏览器V49等,怎么让vue3兼容呀? #179

Closed liuyongfei813 closed 11 months ago

liuyongfei813 commented 1 year ago

目前这个vue3版本不兼容低版本的浏览器,如谷歌浏览器49以下版本等,打开都是白屏,怎么解决一下啊?

Asuancaiyu commented 1 year ago

使用 vite 的插件 @vitejs/plugin-legacy

  1. 安装前置依赖 npm add -D terser
  2. 安装插件 npm add -D @vitejs/plugin-legacy
  3. vite.config.js 中添加配置 :
    
    import legacy from '@vitejs/plugin-legacy'

export default { plugins: [ legacy({ targets: ['defaults', 'not IE 11', 'chrome 48'], }), ], }


**如果还白屏,要验证index.html中<script nomoduel src='/xxx.js'>的`xxx.js`文件否执行了,这时候要根据情况修改`vite.config.js` 中的 `base: ''`参数,一般base参数我会留空,这样打包的静态资源路径就是以`./`开头的相对路径**。
liuyongfei813 commented 1 year ago

大神,按照您的方法尝试了一下,index.html中 Githubissues.

  • Githubissues is a development platform for aggregating issues.