動態設定src路徑

2021-10-08 21:15:15 字數 495 閱讀 8011

}

如上動態設定的路徑需要使用require(),不然只能寫上固定路徑如下

原因如下

require 是 node 中的乙個方法,他的作用是 「用於引入模組、 json、或本地檔案」。 也就是說如果我們使用 require 來引入乙個檔案的話,那麼 require 返回的就是用於引入的(npm 執行之後的編譯路徑)。 而如果使用字串的話,那麼則是乙個 string 型別的固定字串路徑。

我們知道,src 中引入的應該為的本身路徑(相對路徑或者絕對路徑),而 vue 專案通過 webpack 的 devserver 執行之後,預設的 vue-cli 配置下,會被打包成 name.hash 的名,在這種情況下,如果我們使用固定的 字串路徑則無法找到該,所以需要使用 require 方法來返回 的編譯路徑。

簡單的說,使用require定義之後,你就可以動態使用了,不用require你就只能寫死的。

Vue專案中v bind動態繫結src路徑不成功

在做vue專案的時候,由於專案需求,需要動態繫結img的src時,突然發現如果說是直接請求後台介面的位址就能顯示,但是直接動態繫結img的src的的相對路徑或者是絕對路徑的時候,不能顯示。當在給資料myimgsrc 設定絕對路徑或者是相對路徑時應該使用require引入才能成功 currentsrc...

動態生成的IFRAME,設定SRC時的問題解決分析

先看例子 ctrl a 全選 注 如需引入外部js需重新整理才能執行 這段,ifr.src放到append之後,執行,表面沒有什麼,看似正常。但是如果您用抓包工具看一下,就會發現當重新整理 f5或重新整理按鈕 時,會多出乙個請求 00 00 04.671 0.021 get aborted pvfi...

react配置 src 根路徑

前提 react配置匯入根路徑需要在webpack中配置,但使用腳手架建立的專案,預設將babel webpack等內容全部封裝到react scripts中,所以在這種狀態下沒有辦法更改webpack中的內容 需要執行npm run eject解開react scripts包 方法 在新出現的co...