Я разрабатываю интернет-магазин, я использую ax ios для сохранения некоторых продуктов в моей базе данных. Кажется, все работает нормально, модель просмотра, переданная контроллеру, заполняется правильными данными, и после этого поток программы направляется к методу CreateProduct, где продукт отлично сохраняется в моей БД, но после завершения запроса я проверяю консоль, и я вижу ошибку 500 POST. Я буквально не понимаю, что делаю не так, я прикрепляю код ниже:
var app = new Vue({
el: '#app',
data: {
loading: false,
productModel: {
CategoryId: 1,
BrandId: 5,
ImageId: 7,
Name: "Product Name",
Description: "Product Description",
Price: 1.99
},
products: []
},
methods: {
getProducts() {
this.loading = true;
axios.get('Admin/products').then(res => {
console.log(res);
this.products = res.data;
}).catch(err => {
console.log(err);
}).then(this.loading = false);
},
createProduct() {
this.loading = true;
axios.post('Admin/products', this.productModel).then(res => {
console.log(res);
}).catch(err => {
console.log(err);
}).then(this.loading = false);
}
}
});
А действие контроллера следующее:
[HttpPost("products")]
public IActionResult CreateProduct([FromBody] ProductViewModel productViewModel) => Ok(new CreateProduct(_context).Create(productViewModel));
А это мой ProductViewModelClass
public class ProductViewModel
{
public int Id { get; set; }
public int CategoryId { get; set; }
public int BrandId { get; set; }
public int ImageId { get; set; }
public string Name { get; set; }
public string Description { get; set; }
public decimal Price { get; set; }
}
Есть идеи?