Nuxt.jsから送ったデータをRailsで保存できない

前提・実現したいこと

Nuxt.jsからデータを送ってRailsで保存しようとするとエラーが出てしまいます。解決方法がわからないため、どなたか教えていただけると助かります。
サーバー側のpost_paramsを確認してみましたが特に問題がないように見えました。

発生している問題・エラーメッセージ

ブラウザ

ターミナル

該当のソースコード

vue
1<template>
2        <v-btn
3          @click="postBook"
4        >
5          登録する
6        </v-btn>
7  </v-container>
8</template>
9<script>
10import bookInfo from '~/plugins/bookInfo.js'
11
12export default {
13
14  methods: {
15    // データをRailsに送る
16    postBook () {
17      this.$axios.$post('/api/v1/posts', {
18        post: {
19          title: this.selectedBook.title,
20          author: this.selectedBook.author,
21          image: this.selectedBook.image
22        }
23      })
24        .then(response => this.$store.commit('userBook', response))
25    }
26  }
27}
28</script>
29

RailsController
1class Api::V1::PostsController < ApplicationController
2      def index
3        posts = Post.all.order(created_at: :desc)
4        render json: posts
5      end
6      
7      def create  
8        post = Post.new(post_params)
9       if post.save
10        render json: { success_message: '保存しました' }
11       else
12        render json: { erroe_message: 'エラーです' }
13      end
14    
15      private
16        def post_params
17          params.require(:post).permit(:title, :author, :image)
18        end
19      end
20  end
21

RailsRoutes
1Rails.application.routes.draw do
2  namespace :api do
3    namespace :v1 do
4      resources :posts, only:[:index, :create]
5    end
6  end
7 end

RailsModel
1class Post < ApplicationRecord
2	validates :title, presence: true
3	validates :author, presence: true
4	validates :image, presence: true
5end
6