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