axios.post正确的路径参数

Question

超级新手到ASP.NET核心的React，并尝试建立“上传文件”功能。

在我的react组件中，我有如下输入，并触发UploadFile函数

<input type="file" onChange={(event) => UploadFile(event)} />

在UploadFile函数中，它看起来像这样

    function UploadFile(e) {
        var file = e.target.files[0];
        var formData = new FormData();
        formData.append("file", file);
        axios.post("/FileUpload/SingleFile", formData);
    }

SingleFile的控制器如下所示

        public IActionResult SingleFile(IFormFile file)
        {
            using (var fileStream = new FileStream(Path.Combine(_dir, "file.png"), FileMode.Create, FileAccess.Write))
            {
                file.CopyTo(fileStream);
            }

            return RedirectToAction("Index");
        }

但是有一点棘手的时间来弄清楚什么是正确的url路径传递给axios.post(？，formData)。

是路径应该是

“/‘控制器名称’/‘IActionResult方法名称’”？？

使用当前路径，我得到一个404错误，这意味着错误的路径。

帮助!

Answer 1

我的路径是正确的，但问题是我使用的是ASP.NET Core3.0，所以我需要生成防伪令牌。

答案在这里列出，Enable Antiforgery Token with ASP.NET Core and JQuery