国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vue中html引入使用<%= BASE_URL %>變量

這篇具有很好參考價(jià)值的文章主要介紹了vue中html引入使用<%= BASE_URL %>變量。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

vue中html引入使用<%= BASE_URL %>變量,vue2,vue.js,html,javascript

首先使用src相對(duì)路徑引入

注意:

js 文件放在public文件下 不要放在assets靜態(tài)資源文件下
否則 可能會(huì)報(bào)錯(cuò)

GET http://192.168.0.113:8080/src/assets/js/websockets.js net::ERR_ABORTED 500 (Internal Server Error)

正確使用如下:eg

// html中引入 方式一
<script src="./websockets.js"></script>
// 方式二
<script src="<%= BASE_URL %>websockets.js"></script>

<%=%>是ejs模板語(yǔ)法
ejs模板語(yǔ)法是為了能夠在html文件中使用js變量

Vue CLI 3.3 之前的版本,BASE_URL 對(duì)應(yīng)的是 vue.config.js中的 baseURl 字段
vue CLI 3.3 之后(包括3.3)的版本,對(duì)應(yīng)的是publicPath

publicPath 中的這個(gè) / 代表的是打包之后靜態(tài)資源的路徑,也就是說代表的是打包后 dist文件夾的路徑

想修改 BASE_URL,
Vue CLI 3.3 之前的版本,配置:baseURl: ‘/static’
Vue CLI 3.3 之后(包括3.3)的版本,配置:publicPath: ‘/static’

// 還可以通過環(huán)境判斷
module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/static/'
    : '/'
}

關(guān)聯(lián)文章文章來源地址http://www.zghlxwxcb.cn/news/detail-680133.html

到了這里,關(guān)于vue中html引入使用<%= BASE_URL %>變量的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • webpack如何把dist.js中某個(gè)模塊js打包成一個(gè)全局變量,使得在html引入dist.js后可以直接訪問

    webpack如何把dist.js中某個(gè)模塊js打包成一個(gè)全局變量,使得在html引入dist.js后可以直接訪問

    webpack可以通過使用expose-loader來將模塊中的一個(gè)js文件暴露為全局可以訪問的變量。下面是一個(gè)示例代碼: 1、安裝expose-loader npm install expose-loader --save-dev 2、webpack.config.js配置文件 值得注意的是:我在本地使用16.14.2版本的node打包時(shí)會(huì)報(bào)一些警告,升級(jí)node18.12.1未報(bào)警告,警告

    2024年01月24日
    瀏覽(34)
  • 關(guān)于process.env.VUE_APP_BASE_URL的使用

    關(guān)于process.env.VUE_APP_BASE_URL的使用

    process.env.VUE_APP_BASE_URL 是一個(gè) Vue.js 中使用的環(huán)境變量,通常用來存儲(chǔ)一個(gè)應(yīng)用的接口請(qǐng)求地址,例如 API 服務(wù)器的地址等。 ??????????在 Vue CLI 3 以上的版本中,當(dāng)你在項(xiàng)目根目錄下創(chuàng)建一個(gè)名為 .env. [mode] 的文件;其中 [mode] 是你的模式名稱,例如 .env.development ,并在其

    2024年02月16日
    瀏覽(24)
  • vue2與vue3—引入echarts以及使用

    npm install echarts --save???? ? main.js中? ?vue組件中 引入方法一:?通過getCurrentInstance main.js文件中: vue組件中: 引入方法二: 組件中直接引入

    2024年02月16日
    瀏覽(44)
  • 直接在html中引入Vue.js的cdn來實(shí)現(xiàn)一個(gè)簡(jiǎn)單的上傳圖片組件

    直接在html中引入Vue.js的cdn來實(shí)現(xiàn)一個(gè)簡(jiǎn)單的上傳圖片組件

    當(dāng)使用 Vue.js 的 CDN 來實(shí)現(xiàn)一個(gè)簡(jiǎn)單的上傳圖片組件時(shí),你可以利用 Vue 的數(shù)據(jù)綁定和事件處理能力,結(jié)合 HTML 和 CSS,輕松地創(chuàng)建一個(gè)交互式的圖片上傳界面。以下是一個(gè)示例: index.html TANKING https://afdian.net/item/ffa3292a337c11ee9a8c5254001e7c00

    2024年02月13日
    瀏覽(23)
  • 前端系列——vue2+高德地圖web端開發(fā)(使用和引入)

    前端系列——vue2+高德地圖web端開發(fā)(使用和引入)

    本人非專業(yè)前端開發(fā),其實(shí)是搞后端的,但是正好接了一個(gè)項(xiàng)目需要我負(fù)責(zé)全棧,所以寫了這個(gè)系列的文章,如果以后項(xiàng)目可以開源我會(huì)放出來的 本次我們要實(shí)現(xiàn)的是vue2+高德地圖的網(wǎng)頁(yè)開發(fā) 本文需要大家系統(tǒng)學(xué)過vue以及初步了解高德地圖的情況下理解起來會(huì)十分省力 高德

    2024年01月16日
    瀏覽(53)
  • vue2 在 template 中使用 sass 變量

    vue2 在 template 中使用 sass 變量 1:使用 CSS Modules 提供的 :export ,示例如下 2:在 .vue 文件中使用

    2024年02月09日
    瀏覽(16)
  • Vue2使用element-ui引入自定義主題的方法(使用在線主題生成工具)

    Vue2使用element-ui引入自定義主題的方法(使用在線主題生成工具)

    第一步 :按照官方文檔使用npm安裝element-ui,并完整引入Element-ui npm i element-ui -S ?main.js中所有的內(nèi)容刪去,改為 隨便寫點(diǎn)東西,run一下 成功引入element-ui,但是不喜歡默認(rèn)的藍(lán)色,看起來很爛大街,想換掉。 第二步 :由于不喜歡默認(rèn)的藍(lán)色主題,可以使用在線主題生成工具

    2024年02月14日
    瀏覽(24)
  • 使用vue2開發(fā)uni-app項(xiàng)目--引入uview-ui

    使用vue2開發(fā)uni-app項(xiàng)目--引入uview-ui

    提示:文章寫完后,目錄可以自動(dòng)生成,如何生成可參考右邊的幫助文檔 目錄 前言 一、安裝 1、安裝uview-ui 2、安裝scss支持 二、配置 1、在main.js中引入uView庫(kù) 2、uni.scss文件中引入uView的全局SCSS主題文件 ?3、在APP.vue文件中引入uView基礎(chǔ)樣式 4、在pages.json中 配置easycom組件模式

    2024年02月04日
    瀏覽(33)
  • js實(shí)現(xiàn)base64,url,blob之間的相互轉(zhuǎn)換

    js實(shí)現(xiàn)base64,url,blob之間的相互轉(zhuǎn)換

    一般來說前端展示圖片會(huì)通過三種方式: url、base64、blob 1.url: 一般來說,圖片的顯示還是建議使用url的方式比較好。 2.base64: 如果圖片較大,圖片的色彩層次比較豐富,則不適合使用這種方式,因?yàn)槠銪ase64編碼后的字符串非常大,會(huì)明顯增大HTML頁(yè)面,影響加載速度。如果圖

    2023年04月27日
    瀏覽(25)
  • vue中使用Base64轉(zhuǎn)碼(Tinymce富文本保留HTML標(biāo)簽)

    vue中使用Base64轉(zhuǎn)碼(Tinymce富文本保留HTML標(biāo)簽)

    在vue項(xiàng)目中,我們經(jīng)常使用到富文本編輯器,例如博主的項(xiàng)目(見上圖),這里需要把富文本內(nèi)的HTML結(jié)構(gòu),發(fā)放到Android端做混合應(yīng)用的開發(fā),因此HTML結(jié)構(gòu)必不可少的! 但是瀏覽器在向服務(wù)器發(fā)送數(shù)據(jù)時(shí),有可能出現(xiàn)不識(shí)別前端發(fā)送的特殊字符,或者直接丟棄特殊字符,此時(shí)

    2024年02月15日
    瀏覽(25)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包