場景：

http://angular.zhaobg.com 是Angular前端框架搭建的前臺頁面，Drupal 站點來提供 JSON 數據：http://api.zhaobg.com，而 Drupal 在編輯器上傳的圖片資源是相對路徑。
在本地開發環境中，圖片資源是無法讀取的

本地開發環境

問題

不同的域名，綁定不同的站點目錄，讀取的 JSON 中的數據又是相對路徑，如果圖片資源沒有部署到對應的站點目錄下，是無法訪問。

當然你可以使用 copy 資源的方法或者自動化腳本部署的方式來達到目的，不管是代碼還是圖片，也應該是在一處維護，出處更新同步。

軟連接解決

基于這兩個站點都在同一個服務器下，我使用了軟連接來解決這個問題：當我訪問http://angular.zhaobg.com/sites的時候，實際訪問的是Drupal站點的sites目錄

Linux 命令行如下：
首先進入到 Angular 構建好的發布目錄（域名綁定解析到的目錄）

cd /mnt/biaoge/www/angular.zhaobg.com/dist/cms/ ln -s /mnt/biaoge/www/api.zhaobg.com/sites/ sites

如果哪天你不需要了，這樣刪除軟連接：

rm sites // 切記不能 rm -rf sites/

線上正式環境

其他方式

還有比如

• Drupal 本身導出的 JSON 圖片資源就是絕對路徑
• 通過 Nginx 轉發代理
• 獲取到 JSON 數據后，前端 JS 正則批量替換路徑的方式
• 當然可能還有更好的其他方式

總結

以上是生活随笔為你收集整理的node获取图片路径_使用软连接来解决 Drupal jsonapi 中 Node 节点图片相对路径的问题...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。