鍍金池/ 問答/HTML/ ElementUI+Express上傳圖片

ElementUI+Express上傳圖片

在ElementUI+Express項目開發(fā)中，上傳圖片碰到了這樣的問題：

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、然后，我后臺想嘗試獲取它傳遞的數(shù)據(jù)：
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提問一下有沒有碰到相關問題的同學，謝謝！
回答
編輯回答
拼未來

你的后臺服務是跑在80端口嗎，不是的話要加上端口

看報錯是options請求被拒絕了 一般都是你請求的端口沒有對應的服務在跑的原因

上傳的話可以用前端formData+Node的multiparty包來做這個需求

2017年10月20日 23:10
編輯回答
情皺

你這個是前后端分離開發(fā)的吧，存在跨域，你百度一下cors，然后再express里面

var cors = require('cors') ;
app.use(cors())
基本上就ok了，再不行設置一下
Access-Control-Allow-Origin:*
我之前基于你的這套技術棧做過幾個項目，你要是還搞不定，可以描述詳細點，我給你分析分析
2017年8月1日 07:02
編輯回答
雨蝶

確認接口是能用，接口有沒有允許跨域？

2018年3月23日 12:47