webpack引用動態資源路徑錯誤的解決方案

阿新 • • 發佈：2019-02-18

問題：

打包的專案為根目錄引用時(ip:埠/index）,如果資源通過js動態載入。會導致路徑引用錯誤

需求：

專案需要掛載在主站的次級目錄（如：*/marketing/）

解決方法

把專案打包為相對路徑；
通過配置vue-router，打包部署包時加上路由字首（如：/marketing/路由A）;

 

  

    fis.hook('relative'); 

    fis.match("**",{ 

        relative:false, 

        release:'/marketing/$0' 

     });

webpack引用動態資源路徑錯誤的解決方案

問題：打包的專案為根目錄引用時(ip:埠/index）,如果資源通過js動態載入。會導致路徑引用錯誤需求：專案需要掛載在主站的次級目錄（如：*/marketing/）解決方法

Vue專案打包時背景圖片資源路徑錯誤的解決方案

使用專案構建工具webpack或者vue-cli時，打包好的專案放伺服器上背景圖片都顯示不出來，控制檯提示資源404 not found,解決辦法如下：在build檔案目錄下找到utils.js檔案找到如下程式碼，新增一行程式碼：publicPath: '../../'即可

vue-cil和webpack中本地靜態圖片的路徑問題解決方案

自然 ets 添加 pack webp req 處理方法提取個人 1 本地圖片動態綁定img的src屬性一般我們在html中或者vue組件文件中引用圖片是這樣，這是不需要做特別處理的我們將圖片放入assets中或者重新建立個文件夾img什麽的都可以，隨意～

vue webpack打包後圖片路徑錯誤的解決方法

專案用run dev build 打包後，發現很多圖片都不顯示，在本地是沒有問題的啊！找原因發現通過webpack+vuecli預設打包的css、js等資源，路徑都是絕對的。 9E3E9C06-4873-4D1B-A5B3-35C71889249E.png 因為我們的圖片路徑都是經歷過

CodeBlocks "no such file or directory" or"未定義的引用"錯誤解決方案（建立類找不到標頭檔案）

在CodeBlocks下,有時候需要自己定義類,當然就要新增相應的標頭檔案,但新增進去的標頭檔案明明包含在專案中了, 但編譯時還是會報錯:no such file or directory;這是為什麼呢? 其實是一個很簡單的問題,但有些人(比如說

vue webpack打包後.css檔案裡面的背景圖片路徑錯誤解決方法

資源相對引用路徑問題描述一般情況下，通過webpack+vuecli預設打包的css、js等資源，路徑都是絕對的。但當部署到帶有資料夾的專案中，這種絕對路徑就會出現問題，因為把配置的static資料夾當成了根路徑，那麼要解決這種問題，就得引用相對路徑。解決

Dynamic Web Module 3.1 requires Java 1.7 or newer. 錯誤解決方案

pom.xml文件 artifact logs per group -s conf 你會 cti 在寫代碼的時候工程出現了這樣奇怪的bug很是蛋疼啊，經過查詢解決方法，終於解決了這些個問題。下面是解決問題的方法，和大家分享一下（1）確定你的java工程配置使用了java

SSH登陸阿裏雲服務器出現Permission denied (publickey)錯誤解決方案

ckey 是個鑰匙串 col code gen fff font 重啟操作環境：操作系統：Mac10.11.5 阿裏雲服務器：Ubuntu16.04 遠程連接：SSH 註：首先我們已假設你已經自己生成了SSH秘鑰，並已經配置到阿裏雲、綁定了自己的雲服務器。但是

Ubuntu 搭建svn服務器，以及常見錯誤解決方案

mkdir creat mod 服務 csdn 解決 details 守護 center 一、安裝命令： 1）以root身份登錄。執行：sudo su -命令 2）執行安裝命令：apt-get install subversion 二、創建項目目錄 1）mkdir /

JSP 插入到數據庫的數據出現 “SQLServerException: 將截斷字符串或二進制數據” 錯誤解決方案

表單設置文本錯誤測試約束數據打開但是最近在編寫一個小型基於的jsp系統開發。掌握數據庫一直感覺還不錯。但是今天就出現了一個問題困擾我大半天。後來本來準備睡覺，但是覺得今天不解決這個問題恐怕晚上是“徹夜難眠啊”！！於是打開電腦，又開始搗騰。遇到問

win7訪問局域網總提示用戶名密碼錯誤解決方案

網絡安全本地安全策略雙擊本地 win7 rdquo 安全搜索解決 win7訪問局域網總提示用戶名密碼錯誤解決方案 1、點擊開始-在搜索欄輸入：secpol.msc（或者直接按下win+r鍵，輸入secpol.msc），打開本地安全策略。 2、找到“安

Spring整合Mybatis錯誤解決方案

pri ror org abs cto factor tran spring整合原因 ERROR：java.lang.AbstractMethodError: org.mybatis.spring.transaction.SpringManagedTransactionF

【ansible】Windows開啟遠程控制錯誤解決方案：無法檢查防火墻狀態

contain ret turn nbsp windows wall 解決方案 itl wrapper 這個在老版本的Windows系統才有這種bug。例如Windows 2008 R2和Windows 7，如果你的系統的阿裏雲的Windows server 2

關於webconsole報../website/console.go:35: undefined: ssh.InsecureIgnoreHostkey 錯誤解決方案

http lan 執行 spa 錯誤 api ole git 應該 1.首先，進入webconsole目錄刪除/opt/webconsole/src/golang.org/x/目錄下 crypto文件夾 2.然後，在/opt/webconsole/src/golang.or

webacula root登陸密碼錯誤解決方案

mysql開啟skip-name-resolve 導致[email protected](localhost)訪問引發的ERROR 1045 (28000)錯誤解決方案

its 遠程訪問 5.6 速度 base mat change http oracl 為什麽配置skip-name-resolve？由於mysql -h${ip} 遠程訪問速度過慢， mysql -h172.16.66.171 -uroot -p123456 根據網

大數據常見錯誤解決方案（轉載）

nvi clu linux腳本 /etc/ var fin remove -c 技術 1、用./bin/spark-shell啟動spark時遇到異常：java.net.BindException: Can‘t assign requested address

新浪微博登錄重定向地址錯誤解決方案

spa src uri 回調 style 微博登錄高級設置 img ima 業務需求接入新浪微博登錄在新浪開放平臺的高級設置裏設置了回調域名是http://xxx.xxx.com/ http://xxx.com/都不行都是報如上圖所示的錯誤於是試了一下 ht

linux+nginx+phpfpm 訪問出現Access denied錯誤解決方案

技術分享技術 gpo phpfpm post gin ces alt acc linux上安裝nginx，php-fpm後訪問頁面一直出現Access denied錯誤。網上搜原因大概如下圖：我試了第一個方案，然後就好了。linux+nginx+phpfpm 訪問出

adobe illustrator cc 安裝錯誤解決方案

adobe illustrator ccExit Code: 34Please see specific errors below for troubleshooting. For example, ERROR: -------------------------------------- Summary

webpack引用動態資源路徑錯誤的解決方案

問題：

需求：

解決方法

相關推薦