curlのpostコマンドを実行するとhtmlが表示される

現在VueとRailsのサンプルアプリを作って勉強しています。

Vue.jsとRailsでTODOアプリのチュートリアルみたいなものを作ってみた - Qiita

を参考にしていますが、

Vue.jsとRailsでTODOアプリのチュートリアルみたいなものを作ってみた(seeds.rbを作成し、curlコマンドで確認) - Qiita

の部分でcreateアクションでの新規作成のテストで実行するときにcurlコマンドで

curl -X POST localhost:5000/api/tasks -d 'task[name]=fugafuga'

を実行するのですがなぜかhtmlが帰ってきてしまい

Bash
1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="utf-8" />
5  <title>Action Controller: Exception caught</title>
6  <style>
7    body {
8      background-color: #FAFAFA;
9      color: #333;
10      margin: 0px;
11    }
12
13    body, p, ol, ul, td {
14      font-family: helvetica, verdana, arial, sans-serif;
15      font-size:   13px;
16      line-height: 18px;
17    }
18
19    pre {
20      font-size: 11px;
21      white-space: pre-wrap;
22    }
23
24    pre.box {
25      border: 1px solid #EEE;
26      padding: 10px;
27      margin: 0px;
28      width: 958px;
29    }
30
31    header {
32      color: #F0F0F0;
33      background: #C52F24;
34      padding: 0.5em 1.5em;
35    }
36
37    h1 {
38      margin: 0.2em 0;
39      line-height: 1.1em;
40      font-size: 2em;
41    }
42
43    h2 {
44      color: #C52F24;
45      line-height: 25px;
46    }
47
48    .details {
49      border: 1px solid #D0D0D0;
50      border-radius: 4px;
51      margin: 1em 0px;
52      display: block;
53      width: 978px;
54    }
55
56    .summary {
57      padding: 8px 15px;
58      border-bottom: 1px solid #D0D0D0;
59      display: block;
60    }
61
62    .details pre {
63      margin: 5px;
64      border: none;
65    }
66
67    #container {
68      box-sizing: border-box;
69      width: 100%;
70      padding: 0 1.5em;
71    }
72
73    .source * {
74      margin: 0px;
75      padding: 0px;
76    }
77
78    .source {
79      border: 1px solid #D9D9D9;
80      background: #ECECEC;
81      width: 978px;
82    }
83
84    .source pre {
85      padding: 10px 0px;
86      border: none;
87    }
88
89    .source .data {
90      font-size: 80%;
91      overflow: auto;
92      background-color: #FFF;
93    }
94
95    .info {
96      padding: 0.5em;
97    }
98
99    .source .data .line_numbers {
100      background-color: #ECECEC;
101      color: #AAA;
102      padding: 1em .5em;
103      border-right: 1px solid #DDD;
104      text-align: right;
105    }
106
107    .line {
108      padding-left: 10px;
109      white-space: pre;
110    }
111
112    .line:hover {
113      background-color: #F6F6F6;
114    }
115
116    .line.active {
117      background-color: #FFCCCC;
118    }
119
120    .hidden {
121      display: none;
122    }
123
124    a { color: #980905; }
125    a:visited { color: #666; }
126    a.trace-frames { color: #666; }
127    a:hover { color: #C52F24; }
128    a.trace-frames.selected { color: #C52F24 }
129
130
131  </style>
132:
133:
134:
135以下htmlとcssがずらっと表示される
136:

うまくいきません(m_ m)
わかる方がいらっしゃれば教えていただきますようよろしくお願いいたします(m _m)

###エラー内容
createアクションでの新規作成のテストで実行するときにcurlコマンドでhtmlが帰ってきてしまう
###期待する動作
createアクションで

Can't verify CSRF token authenticity.Completed 422 Unprocessable Entity ~~

が帰ってくる
###動作環境
OS:mac
Ruby:2.6.1
Ruby on Rails: 5.2.2.1
MySQL: 5.7.18

###参考サイト
Vue.jsとRailsでTODOアプリのチュートリアルみたいなものを作ってみた - Qiita

###実行結果

###該当のソースコード

ruby
1# config/routes.rb
2Rails.application.routes.draw do
3  root to: 'home#index'
4
5  namespace :api, format: 'json' do
6    resources :tasks, only: [:index, :create, :update]
7  end
8end
9
10
11
12# app/controllers/application_controller.rb
13class ApplicationController < ActionController::Base
14  protect_from_forgery with: :exception
15end
16
17
18
19# app/controllers/api/tasks_controller.rb
20class Api::TasksController < ApplicationController
21
22  def create
23    @task = Task.new(task_params)
24    if @task.save
25      render :show, status: :created
26    else
27      render json: @task.errors, status: :unprocessable_entity
28    end
29  end
30
31  private
32  def task_params
33    params.fetch(:task, {}).permit(:name, :is_done)
34  end
35end
36