online

package.json

@@ -1,57 +1,57 @@
 {
-  "name": "stcloud",
-  "version": "0.1.0",
-  "private": true,
-  "dependencies": {
-    "@ant-design/colors": "^6.0.0",
-    "@ant-design/icons": "^4.6.4",
-    "@craco/craco": "^6.2.0",
-    "@testing-library/jest-dom": "^5.11.4",
-    "@testing-library/react": "^11.1.0",
-    "@testing-library/user-event": "^12.1.10",
-    "ant-design-icons": "^1.3.3",
-    "antd": "^4.16.13",
-    "axios": "^0.21.4",
-    "craco-less": "^1.20.0",
-    "crypto-js": "^4.1.1",
-    "js-cookie": "^3.0.1",
-    "js-file-download": "^0.4.12",
-    "jsencrypt": "2.3.1",
-    "qs": "^6.10.1",
-    "rc-queue-anim": "^2.0.0",
-    "react": "^17.0.2",
-    "react-color": "^2.19.3",
-    "react-dom": "^17.0.2",
-    "react-file-reader": "^1.1.4",
-    "react-router": "^5.2.1",
-    "react-router-dom": "^5.3.0",
-    "react-scripts": "4.0.3",
-    "web-vitals": "^1.0.1",
-    "webpack-theme-color-replacer": "1.3.22"
-  },
-  "scripts": {
-    "start": "craco start",
-    "build": "craco build",
-    "test": "craco test",
-    "eject": "react-scripts eject"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "homepage": "http://cloud.shellmiao.com/"
+    "name": "stcloud",
+    "version": "0.1.0",
+    "private": true,
+    "dependencies": {
+        "@ant-design/colors": "^6.0.0",
+        "@ant-design/icons": "^4.6.4",
+        "@craco/craco": "^6.2.0",
+        "@testing-library/jest-dom": "^5.11.4",
+        "@testing-library/react": "^11.1.0",
+        "@testing-library/user-event": "^12.1.10",
+        "ant-design-icons": "^1.3.3",
+        "antd": "^4.16.13",
+        "axios": "^0.21.4",
+        "craco-less": "^1.20.0",
+        "crypto-js": "^4.1.1",
+        "js-cookie": "^3.0.1",
+        "js-file-download": "^0.4.12",
+        "jsencrypt": "2.3.1",
+        "qs": "^6.10.1",
+        "rc-queue-anim": "^2.0.0",
+        "react": "^17.0.2",
+        "react-color": "^2.19.3",
+        "react-dom": "^17.0.2",
+        "react-file-reader": "^1.1.4",
+        "react-router": "^5.2.1",
+        "react-router-dom": "^5.3.0",
+        "react-scripts": "4.0.3",
+        "web-vitals": "^1.0.1",
+        "webpack-theme-color-replacer": "1.3.22"
+    },
+    "scripts": {
+        "start": "craco start",
+        "build": "craco build",
+        "test": "craco test",
+        "eject": "react-scripts eject"
+    },
+    "eslintConfig": {
+        "extends": [
+            "react-app",
+            "react-app/jest"
+        ]
+    },
+    "browserslist": {
+        "production": [
+            ">0.2%",
+            "not dead",
+            "not op_mini all"
+        ],
+        "development": [
+            "last 1 chrome version",
+            "last 1 firefox version",
+            "last 1 safari version"
+        ]
+    },
+    "homepage": "http://cloud.shellmiao.com/"
 }

src/components/Sider/MySider.js

@@ -1,12 +1,12 @@
-import React, {Component} from "react";
-import {Layout, Menu} from "antd";
-import {CloudServerOutlined, FolderOutlined, SettingOutlined, TeamOutlined, UserOutlined} from "@ant-design/icons";
-import {Link} from "react-router-dom";
-import './MySider.less'
-import QueueAnim from "rc-queue-anim";
+import React, { Component } from 'react';
+import { Layout, Menu } from 'antd';
+import { CloudServerOutlined, FolderOutlined, SettingOutlined, TeamOutlined, UserOutlined } from '@ant-design/icons';
+import { Link } from 'react-router-dom';
+import './MySider.less';
+import QueueAnim from 'rc-queue-anim';
 
-const {Sider} = Layout;
-const {SubMenu} = Menu;
+const { Sider } = Layout;
+const { SubMenu } = Menu;
 
 class MySider extends Component {
     constructor(props) {
@@ -14,89 +14,63 @@ class MySider extends Component {
         this.state = {
             collapsed: true,
             isLogged: false,
-        }
+        };
     }
 
-    onCollapse = collapsed => {
+    onCollapse = (collapsed) => {
         console.log(collapsed);
-        this.setState({collapsed});
+        this.setState({ collapsed });
     };
 
     handleClickLogo = () => {
-        window.location.href = "";
-    }
+        window.location.href = '';
+    };
 
     render() {
         return (
             <Sider collapsible collapsed={this.state.collapsed} onCollapse={this.onCollapse}>
                 <div className={this.state.collapsed ? 'st-logo-div-collapsed' : 'st-logo-div'} onClick={this.handleClickLogo}>
-                    <div className={this.state.collapsed ? 'st-logo-collapsed' : "st-logo"}>
-                        <a style={{color: 'white'}}>
-                            <CloudServerOutlined/>
+                    <div className={this.state.collapsed ? 'st-logo-collapsed' : 'st-logo'}>
+                        <a style={{ color: 'white' }}>
+                            <CloudServerOutlined />
                         </a>
-                        {
-                            this.state.collapsed ? null :
-                                <div className={'st-title'}>
-                                    <QueueAnim>
-                                        <div className={'st-title'} key={'st-title'}>
-                                            <a style={{color: 'white'}}>&nbsp;STCloud</a>
-                                        </div>
-                                    </QueueAnim>
-                                </div>
-                        }
+                        {this.state.collapsed ? null : (
+                            <div className={'st-title'}>
+                                <QueueAnim>
+                                    <div className={'st-title'} key={'st-title'}>
+                                        <a style={{ color: 'white' }}>&nbsp;SCloud</a>
+                                    </div>
+                                </QueueAnim>
+                            </div>
+                        )}
                     </div>
                 </div>
                 <Menu theme="dark" defaultSelectedKeys={['file']} mode="inline" className={'sider-menu'}>
-                    <Menu.Item key="account" icon={<UserOutlined/>} disabled={true}>
-                        <Link to={'/cloud/account'}>
-                            Account
-                        </Link>
-                    </Menu.Item>
-                    <Menu.Item key="file" icon={<FolderOutlined/>}>
-                        <Link to={'/cloud/file'}>
-                            My Files
-                        </Link>
-                    </Menu.Item>
-                    <Menu.Item key="team" icon={<TeamOutlined/>}>
-                        <Link to={'/cloud/teams'}>
-                            My Team
-                        </Link>
-                    </Menu.Item>
-
-                    <Menu.Item disabled={true}>
-
+                    <Menu.Item key="account" icon={<UserOutlined />} disabled={true}>
+                        <Link to={'/cloud/account'}>Account</Link>
                     </Menu.Item>
-                    <Menu.Item disabled={true}>
-
+                    <Menu.Item key="file" icon={<FolderOutlined />}>
+                        <Link to={'/cloud/file'}>My Files</Link>
                     </Menu.Item>
-                    <Menu.Item disabled={true}>
-
+                    <Menu.Item key="team" icon={<TeamOutlined />}>
+                        <Link to={'/cloud/teams'}>My Team</Link>
                     </Menu.Item>
-                    <Menu.Item disabled={true}>
 
+                    <Menu.Item disabled={true}></Menu.Item>
+                    <Menu.Item disabled={true}></Menu.Item>
+                    <Menu.Item disabled={true}></Menu.Item>
+                    <Menu.Item disabled={true}></Menu.Item>
+                    <Menu.Item disabled={true}></Menu.Item>
+                    <Menu.Item disabled={true}></Menu.Item>
+                    <Menu.Item disabled={true}></Menu.Item>
+                    <Menu.Item disabled={true}></Menu.Item>
+                    <Menu.Item key="setting" icon={<SettingOutlined />}>
+                        <Link to={'/cloud/setting'}>Setting</Link>
                     </Menu.Item>
-                    <Menu.Item disabled={true}>
-
-                    </Menu.Item>
-                    <Menu.Item disabled={true}>
-
-                    </Menu.Item>
-                    <Menu.Item disabled={true}>
-
-                    </Menu.Item>
-                    <Menu.Item disabled={true}>
-
-                    </Menu.Item>
-                    <Menu.Item key="setting" icon={<SettingOutlined/>}>
-                        <Link to={'/cloud/setting'}>
-                            Setting
-                        </Link>
-                    </Menu.Item>
-
                 </Menu>
             </Sider>
-        )
+        );
     }
 }
 
-export default MySider;
+export default MySider;

src/layouts/DefaultLayout/DefaultLayout.js

@@ -1,25 +1,25 @@
-import React, {Component} from "react";
-import {Layout, Breadcrumb, Button} from 'antd';
-import './DefaultLayout.less'
-import MySider from "../../components/Sider/MySider";
-import PageRouter from "../../routes/PageRouter/PageRouter";
+import React, { Component } from 'react';
+import { Layout, Breadcrumb, Button } from 'antd';
+import './DefaultLayout.less';
+import MySider from '../../components/Sider/MySider';
+import PageRouter from '../../routes/PageRouter/PageRouter';
 
-const {Content, Footer} = Layout;
+const { Content, Footer } = Layout;
 
 class DefaultLayout extends Component {
     render() {
         return (
-            <Layout style={{minHeight: '100vh'}}>
-                <MySider/>
+            <Layout style={{ minHeight: '100vh' }}>
+                <MySider />
                 <Layout className="site-layout">
-                    <Content style={{margin: '0 16px'}}>
-                        <PageRouter/>
+                    <Content style={{ margin: '0 16px' }}>
+                        <PageRouter />
                     </Content>
-                    <Footer style={{textAlign: 'center'}}>STCloud ©2021 Created by STeam</Footer>
+                    <Footer style={{ textAlign: 'center' }}>SCloud ©2022 Created by Shellmiao</Footer>
                 </Layout>
             </Layout>
-        )
+        );
     }
 }
 
-export default DefaultLayout;
+export default DefaultLayout;

src/layouts/HomePage/HomePage.js

@@ -1,32 +1,31 @@
-import React, {Component} from "react";
-import {Layout} from 'antd';
-import {CloudServerOutlined} from "@ant-design/icons";
-import './HomePage.less'
-import UserPage from "../User/UserPage";
+import React, { Component } from 'react';
+import { Layout } from 'antd';
+import { CloudServerOutlined } from '@ant-design/icons';
+import './HomePage.less';
+import UserPage from '../User/UserPage';
 import QueueAnim from 'rc-queue-anim';
 
-const {Header, Footer, Content} = Layout;
+const { Header, Footer, Content } = Layout;
 
 class HomePage extends Component {
-
     render() {
         return (
             <Layout>
                 <Header id={'HomeHeader'}>
-                    <CloudServerOutlined/>
-                    &nbsp;STCloud
+                    <CloudServerOutlined />
+                    &nbsp;SCloud
                 </Header>
                 <Content className={'HomeContent'}>
                     <QueueAnim forcedReplay={false}>
                         <div key="UserPage">
-                            <UserPage comeFrom={'home'}/>
+                            <UserPage comeFrom={'home'} />
                         </div>
                     </QueueAnim>
                 </Content>
-                <Footer style={{textAlign: 'center'}}>STCloud ©2021 Created by STeam</Footer>
+                <Footer style={{ textAlign: 'center' }}>SCloud ©2022 Created by Shellmiao</Footer>
             </Layout>
-        )
+        );
     }
 }
 
-export default HomePage;
+export default HomePage;

src/utils/Axios/Axios.js

@@ -4,7 +4,7 @@ import '../encrypt/rsa';
 import '../encrypt/aes';
 
 let fetch = axios.create({
-    baseURL: 'http://127.0.0.1:2333/', // 这里是本地express启动的服务地址
+    baseURL: 'https://api.shellmiao.com/', // 这里是本地express启动的服务地址
     // timeout: 5000 // request timeout
 });
 // fetch.defaults.withCredentials = true

src/utils/Axios/UploadFile.js

@@ -3,7 +3,7 @@ import qs from 'qs';
 
 // 实例对象
 let instance = axios.create({
-    baseURL: 'http://127.0.0.1:2333/', // 这里是本地express启动的服务地址
+    baseURL: 'https://api.shellmiao.com/', // 这里是本地express启动的服务地址
     // timeout: 5000, // request timeout
     headers: {
         // 'Content-Type': 'application/x-www-form-urlencoded'multipart/form-data

src/utils/encrypt/encrypt.js

@@ -14,7 +14,7 @@ class EncryptObj {
     cipherText = '';
 
     fetch = axios.create({
-        baseURL: 'http://127.0.0.1:2333/', // 这里是本地express启动的服务地址
+        baseURL: 'https://api.shellmiao.com/', // 这里是本地express启动的服务地址
         // timeout: 5000 // request timeout
     });