上传组件 upload 代理怎么设置

[codercatmomi]

我的 组件里的配置是：
const uploadProps = {
action: "/upload"
name: 'Filedata'
}

请问是在 roadhogrc.mock.js
里 设置
const proxy = {
'POST /upload': "http://upload-api.***.com/upload.php/",
}

不起作用呀。求教。

[chenshuai2144]

可以试试这个
https://github.com/sorrycc/roadhog#proxy

[codercatmomi]

@chenshuai2144 这个也试了
报“Cannot POST /upload”的错

[chenshuai2144]

我看看你的配置

[codercatmomi]

你好，下面的codepen是直接在 upload的action里写完整连接，
结果是payload不能传不过去
https://codepen.io/codercat/pen/PQzvaa?editors=0010；

然后我换成代理的：


两种方法都用了。都不能成功的传给服务器；

@chenshuai2144

[chenshuai2144]

我这里成功了 返回了一个正在处理

[codercatmomi]

这个是组件里的配置

[codercatmomi]

嗯。后端是php的。
“正在处理”表示 $_FILES['Filedata'] 是null的。
就是前端图片没传过来

[chenshuai2144]

呃呃呃 ！ 默认的api是返回一个url 。而且你可能需要设置一下 data属性
https://ant.design/components/upload-cn/

[codercatmomi]

嗯 官网的例子
每次上传的时候都会请求 2次
https://jsonplaceholder.typicode.com/posts/

第一次是没有传参的。
第二次传参了，但是503

不知道官网的例子为什么会请求2次呢。
或者有没有真实的例子可以参考一下的？
感谢

[codercatmomi]

你好，感谢回复
请问data属性里填些什么内容呢

[chenshuai2144]

ant-design/ant-design#3148

[codercatmomi]

问题解决了
是代理的问题
在 .webpackrc里添加

"proxy": {
    "/upload": {
      "target": "http://upload-api......./upload.php",
      "changeOrigin": true
    }
  }

[chenshuai2144]

学习一个 markdown 语法

[fancyluo88]

如果需要同时上传附件、提交表单，大家是分两步还是一步直接完成呢？

[Azhicc]

但是打包的话 代理这里就没用了啊

[LeeDou]

用upload上传了图片，然后提调表单希望只提交file返回数据中的一条后台数据，请问能怎么去处理呢？