vue项目的html如何引进public里面的js文件
更新时间：2022年12月08日 11:40:48 作者：努力少年_
这篇文章主要介绍了vue项目的html如何引进public里面的js文件，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue html引进public里面的js文件
首先在public文件夹添加js文件夹,再在js文件夹里面加一个后缀为js的文件 public->js->config.js
// 在html页面去引进js文件 <script src="<%= BASE_URL %>js/config.js"></script>
如果项目是vue +js
// 在js文件中用定义好的
const { showConfig} = window// 在ts中用
const win: any = window
const { showConfig } = win
// 如果直接 const { showConfig} = window 就会报错vue引入静态JS文件（爬坑）
开发的项目需要与Threejs的3D项目结合在一起，需要静态引入，jquery.js,stats.js,three.js,ThreeBSP.js等静态文件。
开发环境是iview-admin2.0.尝试了许多方法，算是填坑了吧....
1、首先找到项目下的index.html，我的是在public下。
如图：
2、接着将你要引入的js文件写在index.html里面
tip：
- 1. js文件要放在public下，其他目录无法引用成功。目录的跳级规则还没有找到，与普通跳级方式不同。
- 2. public 文件夹的js文件会初始化加载，必须设置在根目录下，否则会跳路由。
我知道我说的有点乱，但聪明的你一定能看懂。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本篇文章主要介绍了vue中用动态组件实现选项卡切换效果，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
这篇文章主要介绍了vue之父组件向子组件传值并改变子组件的样式,需要的朋友可以参考下2022-12-12
vue使用axios导出后台返回的文件流为excel表格详解
这篇文章主要介绍了vue使用axios导出后台返回的文件流为excel表格方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
这篇文章主要介绍了解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
这篇文章主要介绍了关于vue-tree-chart简单的使用方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
详解Vue的watch中的immediate与watch是什么意思
这篇文章主要介绍了详解Vue的watch中的immediate与watch是什么意思，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
这篇文章主要为大家详细介绍了基于VUE选择上传图片并页面显示，图片可以删除的效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了深入理解Vue 单向数据流的原理，详细的介绍了Vue 单向数据流的原理和使用，具有一定的参考价值，有兴趣的可以了解一下2017-11-11
这篇文章主要介绍了vue使用echarts实现水平柱形图实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
今天我们来学习一下watch侦听器的好兄弟 watchEffect 侦听器。这个相对来说比较简单，用的不是很多，当然了，根据自己的项目情况自行决定使用，希望对大家有所帮助2022-07-07
最新评论