鍍金池/ 問(wèn)答/HTML/ vue項(xiàng)目中新建了一個(gè)json文件，我要怎樣在json文件中引入本地圖片，我試了

vue項(xiàng)目中新建了一個(gè)json文件，我要怎樣在json文件中引入本地圖片，我試了幾個(gè)方法都是404not found

{

"Code": 200,
"Msg": null,
"Data": {
    "FitUserGuid": "897867",
    "OpenId": "oGJKUs",
    "NickName": "nick",
    "FrontState": "Didkkckcmjgj ",
    "FitStory": "mFkkcmmcmvmvmvm ",
    "PresentState": "明目木有",
    "FinallyWantSay": "搜木有啦",
    "Achievements": "還會(huì)",
    "FitSpirit": "您搜",
    "FitFrontPhoto": "./img/button1.png",
}

}
文件目錄如下

clipboard.png

回答
編輯回答
撥弦

圖片文件放到static里，引用路徑寫(xiě)'static/img/xxx'
打包完相對(duì)于static的路徑是不變的，應(yīng)該可行。

2017年8月26日 08:57
編輯回答
夢(mèng)一場(chǎng)

在static 文件夾下創(chuàng)建img 文件夾。然后把所有需要用到的圖片都放在這里。以后路徑都為 ./static/img/XX.png
放在這個(gè)文件夾下的，在打包以后能夠確保路徑是正確的

2017年7月31日 01:38
編輯回答
神曲

建議基于 index 文件的路徑設(shè)置一個(gè)變量，根據(jù)不同的編譯環(huán)境走不同的路徑，run build 以后目錄結(jié)構(gòu)是變化的，默認(rèn)的編譯規(guī)則構(gòu)建完成后只有一個(gè) static 目錄和 index.html 文件。

如：

const ASSETS_HOST = environment === 'production' ? 'static/img/' : 'src/components/img/';

// 具體的環(huán)境變量根據(jù) cli 定義的來(lái)
2017年3月13日 05:10
編輯回答
只愛(ài)你

換成這樣試試

"FitFrontPhoto": "src/components/img/button1.png"
2017年7月12日 09:31