【前端学习记录——Vue-cli】4.此篇记录后台获取参数的坑_vue-cli向后端接口传参取不到值-优快云博客

本文探讨了使用axios.post调用.NetCore3.1接口时，后台无法接收参数的问题。介绍了如何将后台方法参数调整为JsonElement类型，并提供了一个读取JsonElement中属性的具体方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因为这个是在此学习项目中遇到的问题，所以一并放在这边。

前端使用axios.post(url, params) 调用接口后台方法接收不到参数！！！

后台是.Net Core 3.1的代码。

在使用axios.post(url,params)传值的时候，params语法要求是键值对的对象。

所以在使用axios.post的时候我的后台Login方法原本的两个参数就获取不到值。于是两个参数都是null。

修改参数为一个object对象，调用GetType().Name 后发现是一个JsonElement对象，于是找方法想要读取到里面的值。

网上找了很久传值获取不到的原因，虽然有好几个解决办法，但本质上几乎全部都是修改前端的调用方式为拼接成https://Get?id=1这种类型。

下面是我自己的代码，尚未封装成通用的方法，先放着，假如以后用的比较多，再说。

/// <summary>
/// 在JSOnElement中获取属性
/// </summary>
/// <param name="req">请求传过来的参数</param>
/// <param name="account">需要读取的参数：帐号</param>
/// <param name="pwd">需要读取的参数：密码</param>
private static void ReadFromJsonElement(JsonElement req, ref string account, ref string pwd)
{
    var reqEnumrate = req.EnumerateObject();
    //好像只能通过一次次MoveNext()取值
    while (reqEnumrate.MoveNext())
    {
        switch (reqEnumrate.Current.Name)
        {
            case "account":
                account = reqEnumrate.Current.Value.ToString();
                break;
            case "pwd":
                pwd = reqEnumrate.Current.Value.ToString();
                break;
            default:
                break;
        }
    }
}