pedidoId NULL | Spring MVC: autenticação com Spring Security, API Rest e AJAX

Boa noite a todos

Estou recebendo um NullPointerException para o pedidoId, mas não entendi porque. Alguém teria alguma sogestão?

Agradeço desde já

<!DOCTYPE html>
<html lang="en">
<head th:replace="~{base :: head}"></head>
<body onload="onLoad()">

    <div th:replace="~{base :: logo}"></div>
    <div class="container" id="ofertas">
        <div th:replace="~{base :: titulo('Faça Sua Oferta')}"></div>

        <div class="card mb-3 mt-3" v-for="pedido in pedidos">
            <div class="card-header alert alert-dark">{{pedido.nomeProduto}}</div>

            <div class="card-body">
                <div class="row">
                    <div class="col-12 col-sm-8 mb-3">

                    <div>Produto</div>
                        <div class="mb-4">
                            <a v-bind:href="pedido.urlProduto" target="_blank">{{pedido.nomeProduto}}</a>
                        </div>

                        <div>Descrição</div>
                        <div>
                            <textarea disabled="disabled" class="form-control">{{pedido.descricao}}</textarea>
                        </div>
                        <div class="row mt-5">
                            <div class="col-md-5">
                                Valor: <input class="form-control" v-model="pedido.valorNegociado"/>
                            </div>
                            <div class="col-md-7">
                                Data de entrega: <input class="form-control" v-model="pedido.dataEntrega" />
                            </div>
                        </div>
                        <div class="mt-5">
                            <label>Comentário</label>
                            <textarea class="form-control" v-model="pedido.comentario"></textarea>
                        </div>
                        <button v-on:click="enviarOferta(pedido)"  class="btn btn-primary mt-5">Enviar oferta</button>
                    </div>
                    <div class="col-12 col-sm-4">
                        <div>
                            <img class="img-thumbnail" v-bind:src="pedido.urlImagem" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>

        function onLoad(){
            var app = new Vue({
             el: '#ofertas',
             data : {
                 pedidos: []
             },
             mounted(){
                 axios
                 .get('http://localhost:8080/api/pedidos/aguardando')
                 .then(response => (this.pedidos = response.data))
             },
             methods:{
                 enviarOferta : function(pedido){
                     axios
                     .post('http://localhost:8080/api/ofertas', {
                         pedidoId: pedido.id,
                         valor: pedido.valorNegociado,
                         dataEntrega: pedido.dataEntrega,
                         comentario: pedido.comentario

                     })
                     .then(resonpse => console.log(response));
                 }
             }

            });
            }
    </script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>



</body>
</html>

package br.com.dominio.mvc.mudi.api;

import java.util.Optional;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import br.com.dominio.mvc.mudi.dto.RequisicaoNovaOfeta;
import br.com.dominio.mvc.mudi.model.Oferta;
import br.com.dominio.mvc.mudi.model.Pedido;
import br.com.dominio.mvc.mudi.repository.PedidoRepository;

@RestController
@RequestMapping("/api/ofertas")
public class OfertasRest {

    @Autowired
    private PedidoRepository pedidoRepository;

    @PostMapping
    public Oferta criaOferta (@RequestBody RequisicaoNovaOfeta requisicao) {
        Optional<Pedido> pedidoBuscado = pedidoRepository.findById(requisicao.getPedidoId());
        if(!pedidoBuscado.isPresent()) {
            return null;
        }

        Pedido pedido = pedidoBuscado.get();
        Oferta nova = requisicao.toOferta();
        nova.setPedido(pedido);
        pedido.getOfertas().add(nova);
        pedidoRepository.save(pedido);
        return nova;
    }

}