C# 500内部服务器错误。科尔斯

我有以下反应组件

import React, { Component } from 'react';
import { Row, Col } from 'antd';
import PageHeader from '../../components/utility/pageHeader';
import Box from '../../components/utility/box';
import LayoutWrapper from '../../components/utility/layoutWrapper.js';
import ContentHolder from '../../components/utility/contentHolder';
import basicStyle from '../../settings/basicStyle';
import IntlMessages from '../../components/utility/intlMessages';
import { adalApiFetch } from '../../adalConfig';

export default class extends Component {
  constructor(props) {
    super(props);
    this.state = {tenantid: '', tenanturl: '', tenantpassword: '' };
    this.handleChangeTenantUrl = this.handleChangeTenantUrl.bind(this);
    this.handleChangeTenantPassword = this.handleChangeTenantPassword.bind(this);
    this.handleChangeTenantId= this.handleChangeTenantId.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
  };


  handleChangeTenantUrl(event){
    this.setState({tenanturl: event.target.value});
  }

  handleChangeTenantPassword(event){
    this.setState({tenantpassword: event.target.value});
  }

  handleChangeTenantId(event){
    this.setState({tenantid: event.target.value});
  }

  handleSubmit(event){
    event.preventDefault();

    const formData = new FormData();
    formData.append("TenantId", this.state.tenantid);
    formData.append("TenanrUrl", this.state.tenanturl);
    formData.append("TenantPassword", this.state.tenantpassword);

    const options = {
      method: 'put',
      data: formData,
      config: {
        headers: {
          'Content-Type': 'multipart/form-data'
        }
      }
    };

    adalApiFetch(fetch, "/Tenant", options)
      .then(response => response.json())
      .then(responseJson => {
        if (!this.isCancelled) {
          this.setState({ data: responseJson });
        }
      })
      .catch(error => {
        console.error(error);
      });
  }


  upload(e){
      let data = new FormData();
      //Append files to form data
      let files = e.target.files;
      for (let i = 0; i < files.length; i++) {
        data.append('files', files[i], files[i].name);
      }      
  }

  render(){
    const { data } = this.state;
    const { rowStyle, colStyle, gutter } = basicStyle;

    return (
      <div>
        <LayoutWrapper>
        <PageHeader>{<IntlMessages id="pageTitles.TenantAdministration" />}</PageHeader>
        <Row style={rowStyle} gutter={gutter} justify="start">
          <Col md={12} sm={12} xs={24} style={colStyle}>
            <Box
              title={<IntlMessages id="pageTitles.TenantAdministration" />}
              subtitle={<IntlMessages id="pageTitles.TenantAdministration" />}
            >
              <ContentHolder>
              <form onSubmit={this.handleSubmit}>
                <label>
                  TenantId:
                  <input type="text" value={this.state.tenantid} onChange={this.handleChangeTenantId} />
                </label>
                <label>
                  TenantUrl:
                  <input type="text" value={this.state.tenanturl} onChange={this.handleChangeTenantUrl} />
                </label>
                <label>
                  TenantPassword:
                  <input type="text" value={this.state.tenantpassword} onChange={this.handleChangeTenantPassword} />
                </label>
                <label>
                  Certificate:
                  <input onChange = { e => this.upload(e) } type = "file" id = "files" ref = { file => this.fileUpload } />
                </label>             
              <input type="submit" value="Submit" />
              </form>
              </ContentHolder>
            </Box>
          </Col>
        </Row>
      </LayoutWrapper>
      </div>
    );
  }
}

import React，{Component}来自'React'；
从“antd”导入{Row，Col}；
从“../../components/utility/PageHeader”导入PageHeader；
从“../../components/utility/Box”导入框；
从“../../components/utility/LayoutWrapper.js”导入LayoutWrapper；
从“../../components/utility/ContentHolder”导入ContentHolder；
从“../../settings/basicStyle”导入basicStyle；
从“../../components/utility/IntlMessages”导入IntlMessages；
从“../../adalConfig”导入{adalApiFetch}；
导出默认类扩展组件{
建造师（道具）{
超级（道具）；
this.state={tenantid:''，tenanturl:''，tenantpassword:''}；
this.handlechangetranturl=this.handlechangetranturl.bind（this）；
this.handlechangetantpassword=this.handlechangetantpassword.bind（this）；
this.handlechangetantid=this.handlechangetantid.bind（this）；
this.handleSubmit=this.handleSubmit.bind（this）；
};
handleChangeTenantUrl（事件）{
this.setState（{tenanturl:event.target.value}）；
}
handleChangeTenantPassword（事件）{
this.setState（{tenantpassword:event.target.value}）；
}
handlechangetrantid（事件）{
this.setState（{tenantid:event.target.value}）；
}
handleSubmit（事件）{
event.preventDefault（）；
const formData=new formData（）；
formData.append（“TenantId”，this.state.TenantId）；
formData.append（“tenarurl”，this.state.tenatorl）；
formData.append（“TenantPassword”，this.state.TenantPassword）；
常量选项={
方法：'放'，
数据：formData，
配置：{
标题：{
“内容类型”：“多部分/表单数据”
}
}
};
adalApiFetch（获取“/Tenant”，选项）
.then（response=>response.json（））
.然后（responseJson=>{
如果（！this.isCancelled）{
this.setState（{data:responseJson}）；
}
})
.catch（错误=>{
控制台错误（error）；
});
}
上传（e）{
let data=new FormData（）；
//将文件附加到表单数据
让files=e.target.files；
for（设i=0；ithis.fileUpload}/>
);
}
}

然后我得到一个500服务器错误：

Cors已在web api上启用

web api代码如下所示：

public class TenantController : ApiController
    {
        public async Task<List<Tenant>> GetTenants()
        {
            var tenantStore = CosmosStoreFactory.CreateForEntity<Tenant>();
            return await tenantStore.Query().Where(x => x.TenantId != null ).ToListAsync();

        }

        public async Task<IHttpActionResult> GetTenant(string tenantId)
        {
            var tenantStore = CosmosStoreFactory.CreateForEntity<Tenant>();
            var tenant = await tenantStore.Query().FirstOrDefaultAsync(x => x.TenantId == tenantId);
            if (tenant == null)
            {
                return NotFound();
            }
            return Ok(tenant);
        }

        public async Task<IHttpActionResult>  PutTenant([FromBody]Tenant tenant, HttpPostedFile certificateFile)
        {
            CloudStorageAccount storageAccount = CloudStorageAccount.Parse(ConfigurationManager.AppSettings["AzureStorageKey"].ToString());
            // Create the blob client.
            CloudBlobClient blobClient = storageAccount.CreateCloudBlobClient();

            // Retrieve reference to a previously created container.
            CloudBlobContainer container = blobClient.GetContainerReference(ConfigurationManager.AppSettings["certificatesContainer"].ToString());

            // Retrieve reference to a blob named "myblob".
            CloudBlockBlob blockBlob = container.GetBlockBlobReference("myblob");

            // Create or overwrite the "myblob" blob with contents from a local file.
            blockBlob.Properties.ContentType = certificateFile.ContentType;
            blockBlob.UploadFromStream(certificateFile.InputStream);

            var tenantStore = CosmosStoreFactory.CreateForEntity<Tenant>();
            tenant.CertificatePath = blockBlob.Uri;

            if (!ModelState.IsValid)
            {
                return BadRequest(ModelState);
            }
            //if (id != tenant.TenantId)
            //{
            //    return BadRequest();
            //}

            var added = await tenantStore.AddAsync(tenant);
            return StatusCode(HttpStatusCode.NoContent); 
        }

        public async Task<IHttpActionResult> PostTenant(string id, Tenant tenant)
        {
            var tenantStore = CosmosStoreFactory.CreateForEntity<Tenant>();

            if (!ModelState.IsValid)
            {
                return BadRequest(ModelState);
            }

            var result = await tenantStore.UpdateAsync(tenant);
            return Ok(result);
        }

        public async Task<IHttpActionResult> DeleteTenant(string tenantId)
        {
            var tenantStore = CosmosStoreFactory.CreateForEntity<Tenant>();
            await tenantStore.RemoveByIdAsync(tenantId);// Removes an entity with the specified ID
            return Ok(tenantId);
        }
    }

公共类租户控制器：ApiController
{
公共异步任务GetTenants（）
{
var tenantStore=CosmosStoreFactory.CreateForEntity（）；
return wait-tenantStore.Query（）.Where（x=>x.TenantId！=null）.toListSync（）；
}
公共异步任务GetTenant（字符串tenantId）
{
var tenantStore=CosmosStoreFactory.CreateForEntity（）；
var tenant=await tenantStore.Query（）.FirstOrDefaultAsync（x=>x.TenantId==TenantId）；
if（租户==null）
{
返回NotFound（）；
}
返回Ok（租户）；
}
公共异步任务PutTenant（[FromBody]租户租户，HttpPostedFile证书文件）
{
CloudStorageAccount-storageAccount=CloudStorageAccount.Parse（ConfigurationManager.AppSettings[“AzureStorageKey”].ToString（））；
//创建blob客户端。
CloudBlobClient blobClient=storageAccount.CreateCloudBlobClient（）；
//检索对以前创建的容器的引用。
CloudBlobContainer container=blobClient.GetContainerReference（ConfigurationManager.AppSettings[“certificatesContainer”].ToString（））；
//检索对名为“myblob”的blob的引用。
CloudBlockBlob blockBlob=container.getblockblobbreference（“myblob”）；
//使用本地文件中的内容创建或覆盖“myblob”blob。
blockBlob.Properties.ContentType=certificateFile.ContentType；
blockBlob.UploadFromStream（certificateFile.InputStream）；
var tenantStore=CosmosStoreFactory.CreateForEntity（）；
tenant.CertificatePath=blockBlob.Uri；
如果（！ModelState.IsValid）
{
返回请求（ModelState）；
}
//if（id！=租户.租户id）
//{
//返回请求（）；
//}
var added=await tenantStore.AddAsync（租户）；
返回状态码（HttpStatusCode.NoContent）；
}
公共异步任务后租户（字符串id，租户）
{
var tenantStore=CosmosStoreFactory.CreateForEntity（）；
如果（！ModelState.IsValid）
{
返回请求（ModelState）；
}
var result=await tenantStore.UpdateAsync（租户）；
返回Ok（结果）；
}
公共异步任务DeleteTenant（字符串tenantId）
{
var tenantStore=CosmosStoreFactory.CreateForEntity（）；
wait tenantStore.RemoveByIdAsync（tenantId）；//删除具有指定ID的实体
返回Ok（tenantId）；
}
}

---

发布后我附加了调试器，但在visual studio中从未命中该代码。您正在将状态初始化为this.state={TenantId:''，Te

constructor(props) {
  super(props);
  this.state = { tenantid: '', tenanturl: '', tenantpassword: '' };
  this.handleChangeTenantUrl = this.handleChangeTenantUrl.bind(this);
  this.handleChangeTenantPassword = this.handleChangeTenantPassword.bind(this);
  this.handleChangeTenantId= this.handleChangeTenantId.bind(this);
  this.handleSubmit = this.handleSubmit.bind(this);
};