场景:

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 节点图片相对路径的问题...相关推荐

  1. java某个起点出发的最长路径_【leetcode-动态规划】矩阵中的最长递增路径

    [leetcode-动态规划]矩阵中的最长递增路径 题目: 给定一个整数矩阵,找出最长递增路径的长度. 对于每个单元格,你可以往上,下,左,右四个方向移动. 你不能在对角线方向上移动或移动到边界外(即 ...

  2. python 图片文件_初学Python-只需4步,爬取网站图片(附py文件)

    很多人学习Python很重要的一个原因是,可以很简单的把一个网站的数据爬下来. 尤其是做我们这一行,产品经理,电商行业. 领导:弄一个买卖游戏周边商品的交易APP出来. 我:行,那我们卖什么呀? 领导 ...

  3. static图片编译了 vue_详解vue-cil和webpack中本地静态图片的路径问题解决方案

    本文介绍了vue-cil和webpack中本地静态图片的路径问题解决方案,分享给大家,具体如下: 1 本地图片动态绑定img的src属性 一般我们在html中或者vue组件文件中引用图片是这样,这是不 ...

  4. 假设以带头结点的循环链表表示队列_[leetcode链表系列]2 删除链表中的节点

    复习链表的插入 链表的一个节点是由数据域和指针域构成,指针域的地址值为下个元素的地址.那么我们需要插入或者删除一个元素怎么处理呢? 先查看原始链表结构,准备将结点x插入链表中. 此时我们需要先保存n节 ...

  5. 自己解决在Vue中动态渲染图片不显示的问题

    乐于助人 前言 分析思路 1. 绝对路径 2. 相对路径 总结 本篇文章记录的是自己在 Vue-Cli2 中如何去解决的这个问题,心里路程比较多,所以话比较多哈哈,感谢阅读,大概耗时2分钟 前言 如上 ...

  6. 微信小程序 查找兄弟节点_使用C ++程序在链接列表中查找节点

    微信小程序 查找兄弟节点 Given a linked list and an integer N, you need to find and return index where N is pres ...

  7. 解决div 元素中 image标签 图片底部留白

    原理: 图片的display属性默认是inline,这个属性的vertical-align的默认值是baseline.所以图片底部会出现一个小留白区域. 解决: 方法1:设置图片为块状元素 displ ...

  8. python获取图片大小_如何在pygame(python)中获取图片大小

    If I'm using an image and I want to know the image's size in the file. There is a function to get th ...

  9. js node 打包mac应用_混搭 TypeScript + GraphQL + DI + Decorator 风格写 Node.js 应用

    阅读本文的知识前提:熟悉 TypeScript + GraphQL + Node.js + Decorator + Dependency Inject 等概念.前言 恰逢最近需要编写一个简单的后端 N ...

最新文章

  1. Cissp-【第5章 身份与访问管理】-2021-3-14(601页-660页)
  2. Js+DVML:很酷实用的右键弹出菜单
  3. php使用supervisor管理进程脚本
  4. 如何将SAP云平台Neo环境的Subaccount注册到IAS服务里
  5. 3.1_ _2_ 内存管理的概念
  6. matlab约束转非约束,请问:fmincon非等和等于的约束条件
  7. Linux IP别名,接口绑定,多网卡绑定
  8. word的使用(三)
  9. 鼠标悬停显示图片html5,JavaScript 鼠标悬停图片,显示隐藏文本
  10. python3基础(九)内置函数
  11. iOS 玩转微信——下拉小程序
  12. python中response是什么意思_对python中各个response的使用说明
  13. Spark Locality Level
  14. elementUI里面upload组件上传图片时选择图片之后不显示图片的问题,
  15. java防止重复提交
  16. 在Unity中创建基于Node节点的编辑器 (二) 窗口序列化
  17. 无线路由器怎么做一个家庭服务器,家庭路由器怎么做DHCP服务器
  18. 使用哈尔滨工业大学SCIR的开源代码训练自己的ELMo
  19. WNMP(Windows + Nginx + PHP + MySQL) 安装
  20. Linux连接MySQL出现1045错误 解决方法

热门文章

  1. 使用java程序对新浪微博的内容进行语义分析
  2. 推荐一个采用方便程序员在线动画学习常用算法的良心网站
  3. 真心酸,程序员工作了十年,衣服和电脑包破了都没钱买新的
  4. SAP CRM my task 6个roundtrip的原理讲解
  5. JDBC + SAP云平台 = 运行在云端的数据库应用
  6. CRM product UI里assignment block的显示隐藏逻辑
  7. python 两点之间的距离_手把手教你HTML5实现根据LBS定位到商家两点之间距离多少...
  8. python 三维数据绘图_Python中三维坐标空间绘制的实现
  9. php dvld.active 1,PHP的字符串
  10. 校友管理软件 JAVA_开源项目1:某大学校友管理系统