hue4.1.0引进vue.js、axios.js、browser.js

本文详细介绍了如何在Hue4.1.0中集成Vue.js、axios.js和browser.js,通过具体步骤指导读者完成前端库的引入,适用于需要升级或扩展Hue功能的开发者。

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

记录hue4.1.0引进vue.js、axios.js、browser.js等

由于业务需要引进vue.js、axios.js来修改hue,在这里记录一下hue引进vue.js等js的方法。
步骤:

  1. 首先下载vue,下载地址
  2. 将下载到本地的vue.js放在目录desktop/core/src/desktop/static/desktop/js/下。
  3. desktop/core/src/desktop/templates/hue.mako文件添加代码:
  // Add modified URL for .clearable background
  var originalClearableImgUrl = '${ static('desktop/art/clearField@2x.png') }';
  var clearableImgUrl = typeof adaptHueEmbeddedUrls !== 'undefined' ? adaptHueEmbeddedUrls(originalClearableImgUrl) : originalClearableImgUrl;
  document.styleSheets[0].insertRule('.clearable { background: url(' + clearableImgUrl + ') no-repeat right -10px center; }');
% endif
  </script>

  ${ commonHeaderFooterComponents.header_i18n_redirection() }

  <script src="/desktop/globalJsConstants.js?v=${ hue_version() }"></script>

  % if not conf.DEV.get():
  <script src="${ static('desktop/js/hue.errorcatcher.js') }"></script>
  % endif
  <script src="${ static('desktop/js/hue4.utils.js') }"></script>
  ## 在这里引入vue.js和其他js,位置大概在120行处
  <script src="${ static('desktop/js/vue-2.5.3.js') }"></script> 
  <script src="${ static('desktop/js/axios.min.js') }"></script>
  <script src="${ static('desktop/js/browser.min.js') }"></script>
</head>

其他的axios.js下载地址和browser.js下载地址也是用同样的方法引入。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值