Внутренняя ошибка с правильно созданным кодом реакции - PullRequest
0 голосов
/ 28 августа 2018

Я создал этот компонент, который прекрасно работает на моем локальном хосте, развернул его на firebase, работал прекрасно, затем мне пришлось перенести его на общую учетную запись hostgator из-за некоторых проблем ssl / domain (больше не могу разместить его на firebase хостинг), и я получаю 500 внутреннюю ошибку сервера, когда я пытаюсь проверить электронную почту на сервере hostgator. Любой ключ к пониманию того, что, черт возьми, здесь происходит?

Обратите внимание, я использовал create-реагировать-приложение, чтобы использовать это, также, остальная часть моего приложения работает как шарм! Заранее спасибо!

Реагировать компонент для проверки электронной почты:

import React, {Component} from 'react';
import { verifyEmail } from '../utils/auth-api';


class VerifyPage extends Component {
    constructor(props){
        super(props);
        this.state = {
            verified : false,
        }
    }
    componentWillMount() {
        const url = window.location.search + window.location.hash;
        const token = this.props.location.search.split("=")[1];
        const result = new Promise(function(resolve, reject) {
            return resolve(verifyEmail(token));
        })
        .catch(err => {
            throw new Error('Something went way wrong here!', err);
        });

        if (result) {
            this.setState({ verified: true });
        }
    }
    render(){
        return (
            <div>
            { this.state.verified && 'Thank you for verifying your email. You may now log in!'}
            </div>
        )
    }
}

export default VerifyPage;

Вы можете увидеть страницу в прямом эфире по адресу:

firebase (работает): https://lainies -frontend.firebaseapp.com / verify /? Token = d0bb296faae4e17e73ef1325b51a8b32a1582b94eff148b4527812eb14ea60d7

жить не работает: http://app.lainieslearninglane.com/verify/?token=d0bb296faae4e17e73ef1325b51a8b32a1582b94eff148b4527812eb14ea60d7

Не уверен, что здесь происходит или что может быть причиной этой ошибки. Я использую следующий код, который может относиться к этому:

index.js

import React from 'react';
import ReactDOM from 'react-dom';

import {StripeProvider} from 'react-stripe-elements';
import {Provider} from 'react-redux';
import store from './redux/store';
import Routes from './Routes';


import 'bootstrap/dist/css/bootstrap.min.css';
import './index.css'

ReactDOM.render(

  <Provider store={store.createStore()}>
    <StripeProvider apiKey="RemovedApiKey">
      <Routes/>
    </StripeProvider>
  </Provider>, 

  document.getElementById('root'));

функция проверки электронной почты:

function verifyEmail(token) {
  console.log(token);
  const url = `${BASE_URL}/signup/verify-email?verifystring=${token}`;
  return axios
    .get(url)
    .then(res => {
      console.log('RESPONSE:::::', res);
      if (res.status === 200 && res.failed === "No user found") {
        return false;
      }
      return true;
    })
    .catch(err => {
        console.log("ERRROR!!!:::::>>", err);
        return err
    });
}
...