動的に生成したページがfirebase serve/deployだと https://domain/nullでエラーが出る。

Question

動的に生成したページが開発環境だとエラーが出ないのにfirebase serve/deployだと https://domain/nullでエラーが出ます。これで5日間悩まされてて死にそうです。
初心者すぎて何が起きているかわかりませんお願いします。

投稿したものの詳細ページなんですが、右下のようなエラーが出ます。
また、vue-routerのhistoryモードにすると、リロードしたときにCannot get:~となって画面が白くなります。hashモードだとリロードしてもCannot get:~にはなりません。

原因が全く分かりません。

created () {
            firebase.firestore().collection('comments').where('slug', '==', this.$route.params.person).get().then((querySnapshot) => {
          querySnapshot.forEach((doc) => {
        const colref =  firebase.firestore().collection('comments').doc(doc.id).collection("sinpacys");
    colref.get().then((querySnapshot) => {
        querySnapshot.forEach((doc) => {
          let data = {
            'kotoba': doc.data().kotoba,
            'date': doc.data().date
          }
          this.sinpacys.push(data)
        })
      })
        })
      })
    },
    mounted () {
      	$("input").on('focusout', function(){
    console.log("iu")
	    if($(this).val() != ""){
	    	$(this).addClass("isval");
	    }else{
	    	$(this).removeClass("isval");
      }
	});
      firebase.auth().onAuthStateChanged((user) => this.isAuth = !!user)
      },
    beforeRouteEnter (to, from, next) {
      firebase.firestore().collection('comments').where('slug', '==', to.params.person).get().then((querySnapshot) => {
        querySnapshot.forEach((doc) => {
          next(vm => {
            vm.title = doc.data().title
            vm.message = doc.data().message
            vm.photo_url = doc.data().this
            vm.ti = doc.data().count
            vm.date = doc.data().date
            vm.slug = doc.data().slug
          })
        })
      })
    },
    watch: {
      '$route': 'fetchData'
    },
     firestore() {
      return {
        comments: db.collection('sinpacys').orderBy('date')

      }
      },
    methods: {
      fetchData () {
        firebase.firestore().collection('comments').where('slug', '==', this.$route.params.person).get().then((querySnapshot) => {
          querySnapshot.forEach((doc) => {
            console.log(doc.id, ' => ', doc.data())
              this.title = doc.data().title
            this.message = doc.data().message
            this.photo_url = doc.data().this
             this.ti = doc.data().count
             this.date = doc.data().date
             this.slug = doc.data().slug
          })
        })
      }

きたないコードですが、おそらく詳細ページに原因があると思うのでそこのコードを乗せておきます。
よろしくお願いいたします。