vue-resources 在本地開(kāi)發(fā)階段獲取后臺(tái)圖片不顯示，但是bulid之后放在后臺(tái)服務(wù)器上圖片可以顯示

vue小白想請(qǐng)教樓主這個(gè)問(wèn)題的另一個(gè)問(wèn)題，就是服務(wù)器返回的圖片我怎么用 :src去綁定呢？
然后我在dev環(huán)境下用相對(duì)路徑絕對(duì)路徑都可以用本地的圖片，build之后引用絕對(duì)路徑的圖片就崩了，提示404..現(xiàn)在就是不敢在static里放圖片，圖片都是和vue放在一起，反正它會(huì)自動(dòng)打包?，F(xiàn)在想問(wèn)的就是從服務(wù)器上請(qǐng)求下來(lái)的圖片我應(yīng)該怎么在:src中綁定它呢？

你vue-resource開(kāi)發(fā)環(huán)境是用 proxyTable 發(fā)送的請(qǐng)求嗎，如果是的話，可以在proxyTable中再定義一個(gè)Uploads代理

 proxyTable: {
            '/api': {
                target: 'http://后臺(tái)服務(wù)器地址',
                changeOrigin: true,
                pathRewrite: {
                    '^/api': '/api'
                },
                logLevel: 'debug'
            },
            // 代理，訪問(wèn)上傳的附件
            '/upload': {
                target: 'http://后臺(tái)服務(wù)器地址/Uploads',
                changeOrigin: true,
                pathRewrite: {
                    '^/upload': ''
                },
                logLevel: 'debug'
            }

        },

你可以把沒(méi)有出現(xiàn)的圖片的鏈接地址復(fù)制下來(lái)看看在瀏覽器里能不能打開(kāi) 可能是前面的上下文根配置有問(wèn)題？

服務(wù)端返回的圖片路徑建議用全路徑，即帶上域名。服務(wù)端返回/static/images/beian.png 和 http://sosout.com/static/images/beian.png這兩種路徑到底有什么區(qū)別？

先來(lái)說(shuō)說(shuō)第一種/static/images/beian.png：
優(yōu)點(diǎn)：
1、給他人引用帶來(lái)了一定的難度，因?yàn)樗麄円謩?dòng)添加域名。
2、服務(wù)器遷移，里面的鏈接還是指向正確的URL，因?yàn)閁RL會(huì)自動(dòng)補(bǔ)全域名。
缺點(diǎn)：
1、不利于開(kāi)發(fā)階段使用，因?yàn)殒溄討?yīng)該指向真正的域名而不是開(kāi)發(fā)站點(diǎn)。
2、不適用后期圖片資源分服務(wù)器。

第二種http://sosout.com/static/images/beian.png:
優(yōu)點(diǎn)：
1、開(kāi)發(fā)方便，后期也好維護(hù)
缺點(diǎn)：
1、服務(wù)端需要維護(hù)一份圖片url的配置文件。

廢話不說(shuō)了，返回您的問(wèn)題，服務(wù)端返回的圖片路徑是第一種，瀏覽器會(huì)自動(dòng)獲取當(dāng)前域名并追加到路徑前面，這就是您看到的...localhost....圖片路徑，而圖片真正的域名不是該路徑，所以會(huì)找不到，建議讓服務(wù)端返回第二種路徑，目前我們公司就是第二種全路徑的方式。如果討論無(wú)果，那只能用代理了，將...localhost...映射到圖片實(shí)際的域名。

樓主 我也遇到這個(gè)問(wèn)題 請(qǐng)問(wèn)是怎么解決的 謝謝