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

9 篇文章 0 订阅
1 篇文章 0 订阅

记录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
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值