回答編集履歴

1

追記

2021/05/18 14:04

投稿

Tatsunosuke
Tatsunosuke

スコア599

test CHANGED
@@ -1,3 +1,161 @@
1
+ [追記]
2
+
3
+ 以下で確認取れました!
4
+
5
+ axiosをgetに変更し、URLのパラメータで渡してますので、Laravel側ちょっと弄ってやってください。
6
+
7
+
8
+
9
+ 普段axios使わないので詳しい原因は正直不明なんですが、
10
+
11
+ なんでかpostでこのデータの渡し方だとエラーになるので、getに変更し、URLのパラメータでテストした結果問題なく値が返ってきてます。
12
+
13
+
14
+
15
+ お試しください!
16
+
17
+
18
+
19
+
20
+
21
+
22
+
23
+ ```nuxt
24
+
25
+ axios.post('http://127.0.0.1:8000/api/posts', {
26
+
27
+ name: this.name,
28
+
29
+ content: this.content,
30
+
31
+ })
32
+
33
+ ```
34
+
35
+
36
+
37
+
38
+
39
+
40
+
41
+
42
+
43
+ ```nuxt
44
+
45
+ <template lang="html">
46
+
47
+ <div class="container">
48
+
49
+ <div v-if="save" class="alert alert-primary" role="alert">
50
+
51
+ 保存しました
52
+
53
+
54
+
55
+ </div>
56
+
57
+ <form>
58
+
59
+ <div class="form-group">
60
+
61
+ <label for="TopicTitle">タイトル</label>
62
+
63
+ <input type="text" class="form-control" id="TopicTitle" v-model="name">
64
+
65
+ </div>
66
+
67
+ <div class="form-group">
68
+
69
+ <label for="TopicContent">内容</label>
70
+
71
+ <textarea class="form-control" id="TopicContent" rows="3" v-model="content"></textarea>
72
+
73
+ </div>
74
+
75
+ <button type="submit" class="btn btn-primary" @click.prevent="create">登録</button>
76
+
77
+ </form>
78
+
79
+ </div>
80
+
81
+ </div>
82
+
83
+ </template>
84
+
85
+
86
+
87
+ <script>
88
+
89
+ import axios from "axios";
90
+
91
+ export default {
92
+
93
+ data() {
94
+
95
+ return {
96
+
97
+ name: "",
98
+
99
+ content: "",
100
+
101
+ save: "",
102
+
103
+ url:""
104
+
105
+ };
106
+
107
+ },
108
+
109
+ methods: {
110
+
111
+ async create() {
112
+
113
+ await axios
114
+
115
+ .get(
116
+
117
+ url+"?name=" +
118
+
119
+ this.name +
120
+
121
+ "&content=" +
122
+
123
+ this.content
124
+
125
+ )
126
+
127
+ .then((response) => {
128
+
129
+ console.log(response);
130
+
131
+ this.name = "";
132
+
133
+ this.content = "";
134
+
135
+ this.save = true;
136
+
137
+ console.log("created");
138
+
139
+ });
140
+
141
+ },
142
+
143
+ },
144
+
145
+ };
146
+
147
+ </script>
148
+
149
+ ```
150
+
151
+
152
+
153
+
154
+
155
+ ---
156
+
157
+
158
+
1
159
  ざっとみただけなんでダメだったらごめんなさい。
2
160
 
3
161