后台管理界面用UEditor上传的图片如何在web应用里显示呢?

用Node.js+Vue+UEditor搭了一个后台管理页面,UEditor的图片上传可以用了,UEditor编辑器里也可以正常地查看上传的图片

现在问题就是我另开一个web服务,获取UEditor编辑的页面内容时无法获取到图片

后台管理服务的相关代码

var ueditor = require("ueditor"); //用的是https://github.com/netpi/ueditor
app.use(express.static(path.join(__dirname, 'public')));
app.use("/ueditor/ue", ueditor(path.join(__dirname, 'public'), function(req, res, next) {
  // ueditor 客户发起上传图片请求
  if(req.query.action === 'uploadimage'){
    var img_url = '/images';
    res.ue_up(img_url);
  }
  //  客户端发起图片列表请求
  else if (req.query.action === 'listimage'){
    var dir_url = '/images'; 
    res.ue_list(dir_url);
  }
  // 客户端发起其它请求
  else {
    res.setHeader('Content-Type', 'application/json');
    res.redirect('/ueditor/config.json')
}}));

UEditor的编辑内容:

<p>
    <img src="/images/apple.jpg" alt="apple.jpg"/>
</p>

web服务的log

GET /images/apple.jpg?noCache=jff6r41n 404 0.949 ms - 1422

我想应该是图片上传到了后台管理服务的public目录里了,所以web服务这边没法访问到图片,那么这种情况该如何处理?上传到一个公有目录吗?

阅读 2.1k
1 个回答

不仅仅是上传到公有目录,而是这里生成的路径应该是绝对路径

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题