ElementUI+Express上传图片

Question

在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提问一下有没有碰到相关问题的同学，谢谢！

Answer 1

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

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

Answer 2

确认接口是能用，接口有没有允许跨域？

Answer 3

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

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

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