将 axios 发布请求反应到 wcf Web 服务

Question

我正在尝试将数据从反应应用程序发布到 wcf 服务类。它是一个简单的对象，只有名称年龄和性别。正在从反应应用程序调用该服务，但没有数据。如果我使用获取请求和参数传递数据正在传递给服务，但我想使用发布请求。是否需要像 wcf 服务类一样匹配字段名。

为了在反应组件中进行测试，我正在使用此代码

const headers = {
            'content-type': 'application/json'
          }

    const puser = {
      Name:'Test',
      Age:'23',
      Gender:'F',
    }
    axios.post('http://localhost:3292/myService.svc/adduser',{headers:headers}, puser)
    .then(res=> {
      console.log(res.data)
    })

在 wcf 服务中，类代码是

public class UserClass
    {

        string name;
        int age;
        string gender;

        public string Name
        {
            get
            {
                return name;
            }

            set
            {
                name = value;
            }
        }

        public int Age
        {
            get
            {
                return age;
            }

            set
            {
                age = value;
            }
        }

        public string Gender
        {
            get
            {
                return gender;
            }

            set
            {
                gender = value;
            }
        }
}

正在服务中

public string AddUser(List<User> U)
        {
            UserClass usr = new UserClass();
        return "success";
    }

Answer 1

Axios post 方法需要 data 作为第二个参数。尝试将puser 与{headers} 交换。 https://github.com/axios/axios#axiosposturl-data-config

Answer 2

不要在 axios.post 中添加 header，代码应该是这样的：

    const puser = {
      Name:'Test',
      Age:'23',
      Gender:'F',
    }
    axios.post('http://localhost:8000/AddUser', puser)
    .then(res=> {
      console.log(res.data)
    })

如果问题仍然存在，请随时告诉我。

更新：

在 Postman 中设置标题：

axios.post 也可以像下面这样设置header：

axios.post('http://localhost:8000/AddUser',{ Name:'Test',
  Age:'2311',
  Gender:'FF'}, {headers: {
       'content-type': 'application/json'
    }})
.then(res=> {
  console.log(res.data)
})

这是我的项目：

程序.cs：

using Demo_rest_ConsoleApp;
using System;
using System.Collections.Generic;
using System.Linq;
using System.ServiceModel;
using System.ServiceModel.Description;
using System.ServiceModel.Web;
using System.Text;
using System.Threading.Tasks;

namespace ConsoleApp71
{
    public class User
    {

        string name;
        int age;
        string gender;

        public string Name
        {
            get
            {
                return name;
            }

            set
            {
                name = value;
            }
        }

        public int Age
        {
            get
            {
                return age;
            }

            set
            {
                age = value;
            }
        }

        public string Gender
        {
            get
            {
                return gender;
            }

            set
            {
                gender = value;
            }
        }
    }
    [ServiceContract]
    [CustContractBehavior]
    public interface IService
    {
        [OperationContract]
        [WebGet]
        string EchoWithGet(string s);

        [OperationContract]
        [WebInvoke]
        string EchoWithPost(string s);
        [OperationContract]
        [WebInvoke(ResponseFormat =WebMessageFormat.Json,RequestFormat =WebMessageFormat.Json)]
        string AddUser(User U);
       
    }
    public class Service : IService
    {
        public string AddUser(User U)
        {

            Console.WriteLine(U.Age);
            Console.WriteLine(U.Gender);
            Console.WriteLine(U.Name);
            return "success";
        }

        public string EchoWithGet(string s)
        {
            return "You said " + s;
        }

        public string EchoWithPost(string s)
        {
            return "You said " + s;
        }
    }
    class Program
    {
        static void Main(string[] args)
        {
            WebServiceHost host = new WebServiceHost(typeof(Service), new Uri("http://localhost:8000/"));
                ServiceEndpoint ep = host.AddServiceEndpoint(typeof(IService), new WebHttpBinding(), "");
            ep.EndpointBehaviors.Add(new WebHttpBehavior() { HelpEnabled=true});
            host.Open();
            Console.WriteLine("Open");
            Console.ReadLine();
        }
    }
}

Soap.cs

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.ServiceModel.Channels;
using System.ServiceModel.Configuration;
using System.ServiceModel.Description;
using System.ServiceModel.Dispatcher;
using System.ServiceModel.Web;
using System.Text;
using System.Threading.Tasks;
using System.Web;
using System.Xml;

namespace Demo_rest_ConsoleApp
{
    public class ServerMessageLogger : IDispatchMessageInspector
    {
       
        public object AfterReceiveRequest(ref Message request, IClientChannel channel, InstanceContext instanceContext)
        {
            Console.WriteLine(request);
            return null;
        }

        public void BeforeSendReply(ref Message reply, object correlationState)
        {

            WebOperationContext ctx = WebOperationContext.Current;
            ctx.OutgoingResponse.Headers.Add("Access-Control-Allow-Origin", "*");
            ctx.OutgoingResponse.StatusCode = System.Net.HttpStatusCode.OK;
            if (ctx.IncomingRequest.Method == "OPTIONS")
            {
               ctx.OutgoingResponse.StatusCode = System.Net.HttpStatusCode.OK;
                ctx.OutgoingResponse.Headers.Add("Access-Control-Allow-Methods", "GET,POST,PUT,PATCH,POST,DELETE,OPTIONS");
                ctx.OutgoingResponse.Headers.Add("Access-Control-Allow-Headers", "Content-Type");

            }


        }
    }
    public class ClientMessageLogger : IClientMessageInspector
    {
        public void AfterReceiveReply(ref Message reply, object correlationState)
        {

        }

        public object BeforeSendRequest(ref Message request, IClientChannel channel)
        {

            return null;
        }
    }
    [AttributeUsage(AttributeTargets.Interface | AttributeTargets.Class, AllowMultiple = false)]
    public class CustContractBehaviorAttribute : Attribute, IContractBehavior, IContractBehaviorAttribute
    {
        public Type TargetContract => throw new NotImplementedException();

        public void AddBindingParameters(ContractDescription contractDescription, ServiceEndpoint endpoint, BindingParameterCollection bindingParameters)
        {
            return;
        }

        public void ApplyClientBehavior(ContractDescription contractDescription, ServiceEndpoint endpoint, ClientRuntime clientRuntime)
        {
            clientRuntime.ClientMessageInspectors.Add(new ClientMessageLogger());
        }

        public void ApplyDispatchBehavior(ContractDescription contractDescription, ServiceEndpoint endpoint, DispatchRuntime dispatchRuntime)
        {
            dispatchRuntime.MessageInspectors.Add(new ServerMessageLogger());
        }

        public void Validate(ContractDescription contractDescription, ServiceEndpoint endpoint)
        {
            return;
        }
    }


}