動的に生成したページが開発環境だとエラーが出ないのにfirebase serve/deployだと https://domain/nullでエラーが出ます。これで5日間悩まされてて死にそうです。
初心者すぎて何が起きているかわかりませんお願いします。
投稿したものの詳細ページなんですが、右下のようなエラーが出ます。
また、vue-routerのhistoryモードにすると、リロードしたときにCannot get:~となって画面が白くなります。hashモードだとリロードしてもCannot get:~にはなりません。
原因が全く分かりません。
js
1created () { 2 firebase.firestore().collection('comments').where('slug', '==', this.$route.params.person).get().then((querySnapshot) => { 3 querySnapshot.forEach((doc) => { 4 const colref = firebase.firestore().collection('comments').doc(doc.id).collection("sinpacys"); 5 colref.get().then((querySnapshot) => { 6 querySnapshot.forEach((doc) => { 7 let data = { 8 'kotoba': doc.data().kotoba, 9 'date': doc.data().date 10 } 11 this.sinpacys.push(data) 12 }) 13 }) 14 }) 15 }) 16 }, 17 mounted () { 18 $("input").on('focusout', function(){ 19 console.log("iu") 20 if($(this).val() != ""){ 21 $(this).addClass("isval"); 22 }else{ 23 $(this).removeClass("isval"); 24 } 25 }); 26 firebase.auth().onAuthStateChanged((user) => this.isAuth = !!user) 27 }, 28 beforeRouteEnter (to, from, next) { 29 firebase.firestore().collection('comments').where('slug', '==', to.params.person).get().then((querySnapshot) => { 30 querySnapshot.forEach((doc) => { 31 next(vm => { 32 vm.title = doc.data().title 33 vm.message = doc.data().message 34 vm.photo_url = doc.data().this 35 vm.ti = doc.data().count 36 vm.date = doc.data().date 37 vm.slug = doc.data().slug 38 }) 39 }) 40 }) 41 }, 42 watch: { 43 '$route': 'fetchData' 44 }, 45 firestore() { 46 return { 47 comments: db.collection('sinpacys').orderBy('date') 48 49 } 50 }, 51 methods: { 52 fetchData () { 53 firebase.firestore().collection('comments').where('slug', '==', this.$route.params.person).get().then((querySnapshot) => { 54 querySnapshot.forEach((doc) => { 55 console.log(doc.id, ' => ', doc.data()) 56 this.title = doc.data().title 57 this.message = doc.data().message 58 this.photo_url = doc.data().this 59 this.ti = doc.data().count 60 this.date = doc.data().date 61 this.slug = doc.data().slug 62 }) 63 }) 64 }
きたないコードですが、おそらく詳細ページに原因があると思うのでそこのコードを乗せておきます。
よろしくお願いいたします。
あなたの回答
tips
プレビュー