當前接觸的專案是前後端分離的，我現在需要將圖片檔案的路徑存在資料庫，在前臺展示時將資料庫的路徑拿出來，將伺服器上的圖片檔案展示出來

一開始我的做法是將圖片檔案放在前端頁面程式碼目錄中，然後想到一般情況下，資原始檔都是放在伺服器上的，然後一個同事（妹子呦）告訴我了一個辦法，在tomcat的配置檔案中配置一行程式碼，做一個路徑對映

<Context path="" docBase="磁碟:\team_project_store\BI\teamplate_plate\images" reloadable="true" UriEncoding='UTF-8' ></Context></Host>
 

1、Context指的是web專案；

2、path是虛擬目錄，我這裡是空字串，代表根路徑，注意哦，這裡的根路徑不是“/”；

3、docBase是檔案實際存放的根目錄，對映為path虛擬目錄；

4、reloadable="true"表示修改了該檔案不用重啟就可以實現顯示的同步

這裡我們前端使用的是layui框架，前端有一個base.js的配置檔案，前臺動態為img的src賦值，就可以在base.js裡面定義整個圖片路徑前面需要加上的部分

img動態生成的過程用到了上面的變數

 //新增img ，存放模板圖片 
                var img = document.createElement("img"); 
                 
                //console.log(userTemps[i].path);
                
                img.src = url_fileImages + userTemps[i].path;
                console.log( img.src);
                img.setAttribute("name", userTemps[i].id); 
                img.setAttribute("id", userTemps[i].id);       

                img.onclick = function(){
                    var userTempId = this.id;
                    console.log(userTempId);
                }


                //console.log(img.src);
                div.appendChild(img); 
 

最後圖片正常從伺服器拿出！！！