ElementUI+Express上传图片

jsliang
  • 293

在ElementUI+Express项目开发中,上传图片碰到了这样的问题:

1、首先,ElementUI代码如下:
<el-upload action="http://localhost/goods/addNewGoodsPicture" :limit="1" :onError="uploadError" :onSuccess="uploadSuccess" list-type="picture">
    <el-button size="small" type="primary">点击上传</el-button>
</el-upload>



2、然后,我后台想尝试获取它传递的数据:
router.post("/addNewGoodsPicture", function (req, res, next) {
  let newGoodsPicture = req.body.picture;
  console.log("newGoodsPicture"+newGoodsPicture);
  console.log("req:"+req);
})


3、结果,它给我报了个错误:
OPTIONS http://localhost/goods/addNewGoodsPicture net::ERR_CONNECTION_REFUSED

最后,想问下,有没有做过ElementUI+Express上传图片的同学,很想知道这要怎么去弄,因为我百度实在查不到相关资料了,所以想在SF提问一下有没有碰到相关问题的同学,谢谢!
回复
阅读 2.2k
3 个回答

你这个是前后端分离开发的吧,存在跨域,你百度一下cors,然后再express里面

var cors = require('cors') ;
app.use(cors())
基本上就ok了,再不行设置一下
Access-Control-Allow-Origin:*
我之前基于你的这套技术栈做过几个项目,你要是还搞不定,可以描述详细点,我给你分析分析

确认接口是能用,接口有没有允许跨域?

你的后台服务是跑在80端口吗,不是的话要加上端口

看报错是options请求被拒绝了 一般都是你请求的端口没有对应的服务在跑的原因

上传的话可以用前端formData+Node的multiparty包来做这个需求

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