vue項(xiàng)目的html如何引進(jìn)public里面的js文件
更新時間：2022年12月08日 11:40:48 作者：努力少年_
這篇文章主要介紹了vue項(xiàng)目的html如何引進(jìn)public里面的js文件，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue html引進(jìn)public里面的js文件
首先在public文件夾添加js文件夾,再在js文件夾里面加一個后綴為js的文件 public->js->config.js
// 在html頁面去引進(jìn)js文件 <script src="<%= BASE_URL %>js/config.js"></script>
如果項(xiàng)目是vue +js
// 在js文件中用定義好的
const { showConfig} = window// 在ts中用
const win: any = window
const { showConfig } = win
// 如果直接 const { showConfig} = window 就會報(bào)錯vue引入靜態(tài)JS文件（爬坑）
開發(fā)的項(xiàng)目需要與Threejs的3D項(xiàng)目結(jié)合在一起，需要靜態(tài)引入，jquery.js,stats.js,three.js,ThreeBSP.js等靜態(tài)文件。
開發(fā)環(huán)境是iview-admin2.0.嘗試了許多方法，算是填坑了吧....
1、首先找到項(xiàng)目下的index.html，我的是在public下。
如圖：
2、接著將你要引入的js文件寫在index.html里面
tip：
- 1. js文件要放在public下，其他目錄無法引用成功。目錄的跳級規(guī)則還沒有找到，與普通跳級方式不同。
- 2. public 文件夾的js文件會初始化加載，必須設(shè)置在根目錄下，否則會跳路由。
我知道我說的有點(diǎn)亂，但聰明的你一定能看懂。
總結(jié)
以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
下面小編就為大家分享一篇vue-prop父組件向子組件進(jìn)行傳值的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要給大家介紹了關(guān)于Vue使用虛擬鍵盤及中英文切換的相關(guān)資料,有時候在大型觸屏設(shè)備(如雙屏設(shè)備)中往往就沒有鍵盤去操作,所以就需要去建立一個虛擬鍵盤去操作,需要的朋友可以參考下2023-06-06
深入理解?Vue?3實(shí)現(xiàn)組件通信的方法
本文將介紹幾種常見的?Vue?3?組件通信方法,包括?props、emits、provide?和?inject、事件總線以及?Vuex?狀態(tài)管理,需要的朋友可以參考下2024-07-07
在 Vue.js 應(yīng)用中使用 hash 模式是一種常見的路由配置方式,這種方式利用了 URL 的 hash（即 # 符號后面的部分）來實(shí)現(xiàn)頁面的跳轉(zhuǎn)和狀態(tài)管理,以下是使用 Vue 2 和 Vue Router 設(shè)置 hash 模式的步驟,需要的朋友可以參考下2024-10-10
Vue后臺中優(yōu)雅書寫狀態(tài)標(biāo)簽的方法實(shí)例
在Vue中,我們可以非常便捷地通過標(biāo)簽實(shí)現(xiàn)狀態(tài)的保存,這篇文章主要給大家介紹了關(guān)于Vue后臺中如何優(yōu)雅的書寫狀態(tài)標(biāo)簽的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-08-08
vue post application/x-www-form-urlencoded如何實(shí)現(xiàn)傳參
這篇文章主要介紹了vue post application/x-www-form-urlencoded如何實(shí)現(xiàn)傳參問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
詳解Vue3中的watch偵聽器和watchEffect高級偵聽器
這篇文章主要介紹了Vue3中的watch偵聽器和watchEffect高級偵聽器,本文通過示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-08-08
這篇文章主要為大家介紹了Storybook?7.0?Beta?Vue3踩坑解決記錄詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
本文給大家分享vue自定義指令拖拽功能及自定義鍵盤信息，非常不錯，具有參考借鑒價(jià)值，需要的的朋友參考下2017-02-02
這篇文章主要為大家詳細(xì)介紹了Vue3中響應(yīng)式的一些特殊處理，文中的示例代碼講解詳細(xì)，對我們深入了解Vue3有一定的幫助，需要的可以參考一下2023-04-04