zipkin-server UI 404报错

最新推荐文章于 2025-02-11 10:26:03 发布

懒佯佯大哥

最新推荐文章于 2025-02-11 10:26:03 发布

阅读量3.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： java

本文链接：https://blog.csdn.net/zhaole524/article/details/81159682

java 专栏收录该内容

24 篇文章

订阅专栏

本文探讨了Zipkin UI中出现404错误的原因，并深入分析了国际化语言加载机制导致的问题根源。通过解释jQuery.i18n.properties插件的工作原理，展示了如何根据浏览器语言设置动态加载相应语言文件的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景：

在使用zipkin-server的UI的时候，发现页面上会报错从404问题：

zipkin语言报错

原因：

这是因为使用了i18n的国际化语言加载能力，参见：

https://www.ibm.com/developerworks/cn/web/1305_hezj_jqueryi18n/

其使用了jQuery.i18n.properties 插件，动态的根据浏览器的语言去加载相应的语言。
比如，浏览器是中文，它会去查找nav.properties、nav_zh.properties、nav_zh_CN.properties三个，其中，匹配顺序为：nav_zh>nav_zh_CN>nav，先匹配上后语言会应用，因此会出现404
* zipkin中的代码位置为：i18n.js

 export function i18nInit(file) {
  // https://github.com/jquery-i18n-properties/jquery-i18n-properties
  $.i18n.properties({
    name: file,
    path: contextRoot,
    mode: 'map',
    // do not append a unix timestamp when requesting the language (.properties) files
    // this allows them to be cached by the browser
    cache: true,
    // do not perform blocking XHR requests, as it blocks the entire browser, including
    // rendering
    async: true,
    callback: () => {
      $('[data-i18n]').each((index, item) => {
        if (item.tagName === 'INPUT' || item.tagName === 'SELECT') {
          $(item).attr('placeholder', $.i18n.prop($(item).attr('data-i18n')));
        } else {
          $(item).html($.i18n.prop($(item).attr('data-i18n')));
        }
      });
    }
  });
}