将clint_id改为从url获取，加上了login_auth的路由

Author: qingxuanying

src/common/getFromUrl.js

@@ -0,0 +1,12 @@
+function getQueryVariable(variable) {
+  let query = window.location.search.substring(1);
+  let vars = query.split('&');
+  for (let i = 0; i < vars.length; i++) {
+    let pair = vars[i].split('=');
+    if (pair[0] === variable) {
+      return pair[1];
+    }
+  }
+  return null;
+}
+export default getQueryVariable;

src/common/service.js

@@ -99,17 +99,14 @@ let Service = {
     });
   },
   // get auth-code
-  getOauthCode(username, password) {
-    return Fetch(
-      '/auth/api/oauth?response_type=code&client_id=51f03389-2a18-4941-ba73-c85d08201d42',
-      {
-        method: 'POST',
-        data: {
-          username: username,
-          password: btoa(password)
-        }
+  getOauthCode(username, password, client_id) {
+    return Fetch(`/auth/api/oauth?response_type=code&client_id=${client_id}`, {
+      method: 'POST',
+      data: {
+        username: username,
+        password: btoa(password)
       }
-    );
+    });
   },
   //get user info
   getUserInfo() {

src/index.js

@@ -7,6 +7,7 @@ import {
 } from 'react-router-dom';
 import reset from './pages/reset/index';
 import Login from './pages/login/login';
+import Login_auth from './pages/login_auth/login';
 import Register from './pages/register/register';
 import * as serviceWorker from './serviceWorker';
 import ReactDOM from 'react-dom';
@@ -21,6 +22,7 @@ export default class Portal extends Component {
           <Route path="/Register" component={Register} />
           <Route path="/find_pass" component={reset} />
           <Route path="/login" component={Login} />
+          <Route path="/login_auth" component={Login_auth} />
         </Switch>
       </Router>
     );

src/pages/login_auth/login.js

@@ -8,7 +8,8 @@ import Service from '../../common/service';
 import Layout from '../../component/layout';
 import Button from '../../component/common/button/button';
 import Input from '../../component/common/input/input';
-class Login extends Component {
+import getQueryVariable from '../../common/getFromUrl';
+class Login_auth extends Component {
   componentDidMount() {
     if (localStorage.getItem('checked')) {
       Service.Login(
@@ -62,8 +63,9 @@ class Login extends Component {
   }
   async login() {
     const { username, password, isChecked } = this.state;
+    let client_id = getQueryVariable('client_id');
     if (username && password) {
-      const res = await Service.getOauthCode(username, password);
+      const res = await Service.getOauthCode(username, password, client_id);
       console.log(res);
       if (res.code === 20102) {
         this.alert('用户不存在');
@@ -155,4 +157,4 @@ class Login extends Component {
     );
   }
 }
-export default Login;
+export default Login_auth;