登录加载

scripts/start.js

@@ -41,7 +41,7 @@ if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
 }
 
 // Tools like Cloud9 rely on this.
-const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;
+const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 80;
 const HOST = process.env.HOST || '0.0.0.0';
 
 if (process.env.HOST) {

src/router/loading.js

-import React, { useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { withRouter } from "react-router-dom";
 import { compose } from "redux";
 import { connect } from "react-redux";
+import LoadingComponent from '@/common/Loading'
 
 
 function Loading(props) {
 
+    const [isLoading, setLoadingState] = useState(true)
+
     useEffect(() => {
         let {user, location, history} = props
         if (!user.isFetching) {
             if (user.hasError) {
                 history.push('/passport', {from: location})
+                setLoadingState(false)
             } else {
                 if (Object.values(user.data).every(item => !!item).length !== 0) {
                     history.push(location.pathname)
+                    setLoadingState(false)
                 }
             }
         }
     })
 
     return (
-        <div className={'loading'}>
-            loading...
+        <div className={'loading-route'}>
+            <LoadingComponent isLoading={isLoading}/>
         </div>
     );
 }