在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ vue.js項(xiàng)目,關(guān)于首頁(yè) index.html 刷新無(wú)法獲取圖片路徑的問題?

vue.js項(xiàng)目,關(guān)于首頁(yè) index.html 刷新無(wú)法獲取圖片路徑的問題?

某日在網(wǎng)上瞎逛,看到一個(gè)站點(diǎn)的loading動(dòng)畫,感覺甚好,禁不住誘惑,而是借過來(lái)用用!哈哈!!

于是有了下面這段代碼

index.html 代碼如下:

    <div id="app">
      <div class="app-loading-wrap">
          <div class="ani-wrap">
              <img class="app-loading" src="./static/images/main-loading.gif" alt="">
          </div>
          <span>loading...</span>
      </div>
    </div>

注:gif加載動(dòng)畫放在static文件夾里面

問題:在首頁(yè)刷新的時(shí)候,loading能夠正常顯示;當(dāng)進(jìn)入到內(nèi)頁(yè),刷新頁(yè)面時(shí),gif請(qǐng)求為404;
原因:首頁(yè)或者登陸頁(yè)對(duì)應(yīng)的url為(http://localhost:5050/、http://localhost:5050/login),

請(qǐng)求圖片地址為:
圖片描述

圖片路徑為:
圖片描述

內(nèi)頁(yè)(登陸后的管理頁(yè))對(duì)應(yīng)的url為http://localhost:5050/mgmt/annc,

請(qǐng)求圖片地址為:
圖片描述

圖片路徑為:
圖片描述

改怎么修改呢?
1、處理index.html里面的路徑問題?如何處理?
2、加載動(dòng)畫不放到index.html,如何替代這種方案呢?

回答
編輯回答
青檸

你把加載動(dòng)畫單獨(dú)寫成一個(gè)組件,通過app.vue引入

2017年1月22日 12:21
編輯回答
笑忘初

既然在static 目錄下,就換成絕對(duì)路徑吧

<img class="app-loading" src="/images/main-loading.gif" alt="">
2017年12月4日 02:26