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文件（爬坑）
開發(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下，其他目錄無(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中用動(dòng)態(tài)組件實(shí)現(xiàn)選項(xiàng)卡切換效果
本篇文章主要介紹了vue中用動(dòng)態(tài)組件實(shí)現(xiàn)選項(xiàng)卡切換效果，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03
這篇文章主要介紹了vue之父組件向子組件傳值并改變子組件的樣式,需要的朋友可以參考下2022-12-12
vue使用axios導(dǎo)出后臺(tái)返回的文件流為excel表格詳解
這篇文章主要介紹了vue使用axios導(dǎo)出后臺(tái)返回的文件流為excel表格方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
解決vue數(shù)據(jù)不實(shí)時(shí)更新的問(wèn)題(數(shù)據(jù)更改了,但數(shù)據(jù)不實(shí)時(shí)更新)
這篇文章主要介紹了解決vue數(shù)據(jù)不實(shí)時(shí)更新的問(wèn)題(數(shù)據(jù)更改了,但數(shù)據(jù)不實(shí)時(shí)更新)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-10-10
關(guān)于vue-tree-chart簡(jiǎn)單的使用
這篇文章主要介紹了關(guān)于vue-tree-chart簡(jiǎn)單的使用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
詳解Vue的watch中的immediate與watch是什么意思
這篇文章主要介紹了詳解Vue的watch中的immediate與watch是什么意思，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
這篇文章主要為大家詳細(xì)介紹了基于VUE選擇上傳圖片并頁(yè)面顯示，圖片可以刪除的效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了深入理解Vue 單向數(shù)據(jù)流的原理，詳細(xì)的介紹了Vue 單向數(shù)據(jù)流的原理和使用，具有一定的參考價(jià)值，有興趣的可以了解一下2017-11-11
vue使用echarts實(shí)現(xiàn)水平柱形圖實(shí)例
這篇文章主要介紹了vue使用echarts實(shí)現(xiàn)水平柱形圖實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09
今天我們來(lái)學(xué)習(xí)一下watch偵聽器的好兄弟?watchEffect?偵聽器。這個(gè)相對(duì)來(lái)說(shuō)比較簡(jiǎn)單，用的不是很多，當(dāng)然了，根據(jù)自己的項(xiàng)目情況自行決定使用，希望對(duì)大家有所幫助2022-07-07