vue項目的html如何引進(jìn)public里面的js文件
更新時間：2022年12月08日 11:40:48 作者：努力少年_
這篇文章主要介紹了vue項目的html如何引進(jìn)public里面的js文件，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
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>
如果項目是vue +js
// 在js文件中用定義好的
const { showConfig} = window// 在ts中用
const win: any = window
const { showConfig } = win
// 如果直接 const { showConfig} = window 就會報錯vue引入靜態(tài)JS文件（爬坑）
開發(fā)的項目需要與Threejs的3D項目結(jié)合在一起，需要靜態(tài)引入，jquery.js,stats.js,three.js,ThreeBSP.js等靜態(tài)文件。
開發(fā)環(huán)境是iview-admin2.0.嘗試了許多方法，算是填坑了吧....
1、首先找到項目下的index.html，我的是在public下。
如圖：
2、接著將你要引入的js文件寫在index.html里面
tip：
- 1. js文件要放在public下，其他目錄無法引用成功。目錄的跳級規(guī)則還沒有找到，與普通跳級方式不同。
- 2. public 文件夾的js文件會初始化加載，必須設(shè)置在根目錄下，否則會跳路由。
我知道我說的有點亂，但聰明的你一定能看懂。
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本篇文章主要介紹了vue中用動態(tài)組件實現(xiàn)選項卡切換效果，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
這篇文章主要介紹了vue之父組件向子組件傳值并改變子組件的樣式,需要的朋友可以參考下2022-12-12
vue使用axios導(dǎo)出后臺返回的文件流為excel表格詳解
這篇文章主要介紹了vue使用axios導(dǎo)出后臺返回的文件流為excel表格方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
解決vue數(shù)據(jù)不實時更新的問題(數(shù)據(jù)更改了,但數(shù)據(jù)不實時更新)
這篇文章主要介紹了解決vue數(shù)據(jù)不實時更新的問題(數(shù)據(jù)更改了,但數(shù)據(jù)不實時更新)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
這篇文章主要介紹了關(guān)于vue-tree-chart簡單的使用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
詳解Vue的watch中的immediate與watch是什么意思
這篇文章主要介紹了詳解Vue的watch中的immediate與watch是什么意思，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
這篇文章主要為大家詳細(xì)介紹了基于VUE選擇上傳圖片并頁面顯示，圖片可以刪除的效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了深入理解Vue 單向數(shù)據(jù)流的原理，詳細(xì)的介紹了Vue 單向數(shù)據(jù)流的原理和使用，具有一定的參考價值，有興趣的可以了解一下2017-11-11
這篇文章主要介紹了vue使用echarts實現(xiàn)水平柱形圖實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
今天我們來學(xué)習(xí)一下watch偵聽器的好兄弟?watchEffect?偵聽器。這個相對來說比較簡單，用的不是很多，當(dāng)然了，根據(jù)自己的項目情況自行決定使用，希望對大家有所幫助2022-07-07