質問編集履歴

6

試したこと加筆

2020/12/10 08:37

投稿

jime1234567
jime1234567

スコア3

test CHANGED
File without changes
test CHANGED
@@ -94,6 +94,10 @@
94
94
 
95
95
 
96
96
 
97
+ また、サーバーに問題があるという記事を見かけfirebaseで新しいプロジェクトを作りそこでアプリを開こうとしましたが開けず、サーバーを再起動したら解消されたという記事があったのでサーバーを再起動してみましたがそれでも解決せずという状況です。
98
+
99
+
100
+
97
101
 
98
102
 
99
103
  この問題の解決方法に心当たりのある方がいらっしゃいましたらアドバイスの方よろしくお願いいたします。

5

エラー文の加筆

2020/12/10 08:37

投稿

jime1234567
jime1234567

スコア3

test CHANGED
File without changes
test CHANGED
@@ -94,8 +94,6 @@
94
94
 
95
95
 
96
96
 
97
- また、このエラーについて調べてみたり500エラーについて調べてみたところデータベースを変えれば解消できるという記事を目にしたのでfirebaseで別のプロジェクトを作り試してみたのですが問題は解決できませんでした。
98
-
99
97
 
100
98
 
101
99
  この問題の解決方法に心当たりのある方がいらっしゃいましたらアドバイスの方よろしくお願いいたします。

4

試したこと追加

2020/12/10 06:44

投稿

jime1234567
jime1234567

スコア3

test CHANGED
File without changes
test CHANGED
@@ -68,7 +68,21 @@
68
68
 
69
69
  ```
70
70
 
71
- というようなエラー文が出ていますがこちらもどこが問題なのかわからない状況です
71
+ というようなエラー文が出ています。
72
+
73
+
74
+
75
+ またChromeの検証機能でエラー元を探ったところ
76
+
77
+ ```
78
+
79
+ Failed to load resource: the server responded with a status of 500 (RuntimeError)
80
+
81
+ ```
82
+
83
+
84
+
85
+ というエラーが出ている状況です。
72
86
 
73
87
 
74
88
 
@@ -80,10 +94,16 @@
80
94
 
81
95
 
82
96
 
97
+ また、このエラーについて調べてみたり500エラーについて調べてみたところデータベースを変えれば解消できるという記事を目にしたのでfirebaseで別のプロジェクトを作り試してみたのですが問題は解決できませんでした。
98
+
99
+
100
+
83
101
  この問題の解決方法に心当たりのある方がいらっしゃいましたらアドバイスの方よろしくお願いいたします。
84
102
 
85
103
 
86
104
 
105
+
106
+
87
107
  ### 追記(質問に対する回答)
88
108
 
89
109
  下記のコードにもある通りaxiosを使ったリクエスト送信を自分で実装していて、そのリクエスト先が認証が必要となっています。

3

ログイン機能

2020/12/10 03:15

投稿

jime1234567
jime1234567

スコア3

test CHANGED
File without changes
test CHANGED
@@ -165,3 +165,99 @@
165
165
 
166
166
 
167
167
  ```
168
+
169
+
170
+
171
+ ### 追記
172
+
173
+ ログイン機能は以下の通り実装しております
174
+
175
+ ```
176
+
177
+ **app/store/index.js**
178
+
179
+
180
+
181
+ export const state = () => ({
182
+
183
+ isLoggedIn: false,
184
+
185
+ user: null
186
+
187
+ })
188
+
189
+
190
+
191
+ export const getters = {
192
+
193
+ isLoggedIn: state => state.isLoggedIn,
194
+
195
+ user: state => (state.user ? Object.assign({ likes: [] }, state.user) : null)
196
+
197
+ }
198
+
199
+
200
+
201
+ export const mutations = {
202
+
203
+ setUser(state, { user }) {
204
+
205
+ if (user.id.match(/_|@|./)) {
206
+
207
+ throw new TypeError('invalid username')
208
+
209
+ }
210
+
211
+ state.user = user
212
+
213
+ state.isLoggedIn = true
214
+
215
+ },
216
+
217
+ updateUser(state, { user }) {
218
+
219
+ state.user = user
220
+
221
+ }
222
+
223
+ }
224
+
225
+
226
+
227
+ export const actions = {
228
+
229
+ async login({ commit }, { id }) {
230
+
231
+ if (id.match(/_|@|./)) {
232
+
233
+ throw new TypeError('invalid username')
234
+
235
+ }
236
+
237
+ const user = await this.$axios.$get(`/users/${id}.json`)
238
+
239
+ console.log(user)
240
+
241
+ if (!user.id) throw new Error('Invalid user')
242
+
243
+ commit('setUser', { user })
244
+
245
+ },
246
+
247
+ async register({ commit }, { id }) {
248
+
249
+ const payload = {}
250
+
251
+ payload[id] = { id }
252
+
253
+ await this.$axios.$patch(`/users.json`, payload)
254
+
255
+ const user = await this.$axios.$get(`/users/${id}.json`)
256
+
257
+ if (!user.id) throw new Error('Invalid user')
258
+
259
+ commit('setUser', { user })
260
+
261
+ },
262
+
263
+ ```

2

質問に対する回答・コード

2020/12/09 09:06

投稿

jime1234567
jime1234567

スコア3

test CHANGED
File without changes
test CHANGED
@@ -81,3 +81,87 @@
81
81
 
82
82
 
83
83
  この問題の解決方法に心当たりのある方がいらっしゃいましたらアドバイスの方よろしくお願いいたします。
84
+
85
+
86
+
87
+ ### 追記(質問に対する回答)
88
+
89
+ 下記のコードにもある通りaxiosを使ったリクエスト送信を自分で実装していて、そのリクエスト先が認証が必要となっています。
90
+
91
+ ```
92
+
93
+ **app/store/index.js**
94
+
95
+
96
+
97
+
98
+
99
+ export const actions = {
100
+
101
+ async login({ commit }, { id }) {
102
+
103
+ if (id.match(/_|@|./)) {
104
+
105
+ throw new TypeError('invalid username')
106
+
107
+ }
108
+
109
+ const user = await this.$axios.$get(`/users/${id}.json`)
110
+
111
+ console.log(user)
112
+
113
+ if (!user.id) throw new Error('Invalid user')
114
+
115
+ commit('setUser', { user })
116
+
117
+ },
118
+
119
+ async register({ commit }, { id }) {
120
+
121
+ const payload = {}
122
+
123
+ payload[id] = { id }
124
+
125
+ await this.$axios.$patch(`/users.json`, payload)
126
+
127
+ const user = await this.$axios.$get(`/users/${id}.json`)
128
+
129
+ if (!user.id) throw new Error('Invalid user')
130
+
131
+ commit('setUser', { user })
132
+
133
+ },
134
+
135
+ async addLikeLogToUser({ commit }, { user, post }) {
136
+
137
+ user.likes.push({
138
+
139
+ created_at: moment().format(),
140
+
141
+ user_id: user.id,
142
+
143
+ post_id: post.id
144
+
145
+ })
146
+
147
+ const newUser = await this.$axios.$put(`/users/${user.id}.json`, user)
148
+
149
+ commit('updateUser', { user: newUser })
150
+
151
+ },
152
+
153
+ async removeLikeLogToUser({ commit }, { user, post }) {
154
+
155
+ user.likes = post.likes.filter(like => like.user_id !== user.id) || []
156
+
157
+ const newUser = await this.$axios.$put(`/users/${user.id}.json`, user)
158
+
159
+ commit('updateUser', { user: newUser })
160
+
161
+ }
162
+
163
+ }
164
+
165
+
166
+
167
+ ```

1

エラー文の加筆

2020/12/09 08:34

投稿

jime1234567
jime1234567

スコア3

test CHANGED
File without changes
test CHANGED
@@ -42,6 +42,36 @@
42
42
 
43
43
 
44
44
 
45
+ また、ブラウザには
46
+
47
+ ```
48
+
49
+ node_modules\axios\lib\core\createError.js
50
+
51
+
52
+
53
+ * @param {Object} [request] The request.
54
+
55
+ * @param {Object} [response] The response.
56
+
57
+ * @returns {Error} The created error.
58
+
59
+ */
60
+
61
+ module.exports = function createError(message, config, code, request, response) {
62
+
63
+ var error = new Error(message);(この行だけグレーの背景色がついています)
64
+
65
+ return enhanceError(error, config, code, request, response);
66
+
67
+ };
68
+
69
+ ```
70
+
71
+ というようなエラー文が出ていますがこちらもどこが問題なのかわからない状況です。
72
+
73
+
74
+
45
75
 
46
76
 
47
77
  ### 試してみたこと