Я создал этот компонент, который прекрасно работает на моем локальном хосте, развернул его на 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
});
}