admin管理员组

文章数量:1534205

背景：公司需要做一个企微H5应用，选型是vue3，于是使用vue-cli@4搭建一个vue3项目（vue3+router+vuex+sass+linter），搭建完毕后，增加了vue-i18n做国际化，本地调试正常，于是部署到测试环境，使用手机访问企微应用是正常的，但是使用企微PC版访问却是一片空白。

排查问题

起初我怀疑是不是vue3的问题，因为另一个vue2的项目（含vue-i18n国际化）在企微PC版访问是正常的，而且国际化语言切换也正常，所以我重新搭建一个vue3项目（vue3+router+vuex+sass+linter），初始化后的项目直接部署到测试服，使用企微PC版访问，页面能正常显示，所以不是vue3的问题。

那么估计就是vue-i18n的问题了，于是加上vue-i18n模块

在@/locales目录下创建i18n.js，内容如下

import { createI18n } from 'vue-i18n'
const messages = {
  en: {
    title: 'test'
  },
  'zh-CN': {
    title: '测试'
  }
}
const i18n = createI18n({
  locale: process.env.VUE_APP_I18N_LOCALE,
  // 如果根据指定的 locale 没有找到对应的资源的情况下，则会自动根据 fallbackLocale 指定的语言来寻找对应的key
  fallbackLocale: pro

本文标签： 浏览器兼容问题

版权声明：本文标题：Vue3学习-企微浏览器兼容问题 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1726872092a1087959.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。