.

package.json

@@ -41,6 +41,7 @@
     "@tarojs/react": "3.3.15",
     "@tarojs/runtime": "3.3.15",
     "@tarojs/taro": "3.3.15",
+    "@zjxpcyc/react-tiny-store": "^1.0.0",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },

src/app.js

@@ -1,8 +1,7 @@
 import { Component } from 'react'
 import Taro from '@tarojs/taro'
 // import preFetchData from '@/utils/preFetchData'
-// import store, { StoreRoot } from './store'
-import {signIn} from '@/services/login'
+import store, { StoreRoot } from './store'
 import './app.less'
 
 class App extends Component {
@@ -16,11 +15,12 @@ class App extends Component {
     console.group('APP Launch')
     console.debug(options)
     console.groupEnd()
-   
+
+    const { login } = store.getModel('person').getState()
       Taro.login({
         success: (res) => {
           const { code } = res;
-          signIn({ code })
+          login({ code })
         }
       })
 
@@ -49,11 +49,9 @@ class App extends Component {
   // this.props.children 是将要会渲染的页面
   render() {
     return (
-      // <StoreRoot>
-      <>
+      <StoreRoot>
         {this.props.children}
-        </>
-      // </StoreRoot>
+      </StoreRoot>
     )
   }
 }

src/pages/login/index.jsx

@@ -1,15 +1,21 @@
 import Taro from "@tarojs/taro"
 import { useState } from "react"
+import { useModel } from '@/store'
 import { View, Image, Input, Text, Checkbox, Label, Button } from "@tarojs/components"
 import CustomNav from "@/components/CustomNav"
 import MyButton from "@/components/MyButton"
+import {updatePhone, setQcode } from '@/services/login'
 import bgi from '@/assets/login/loginImg.png'
 import vCode from '@/assets/login/VerificationCode.png'
 import checkedImg from '@/assets/login/checkedImg.png'
 import unChecked from '@/assets/login/unChecked.png'
+
 import './style.less'
 
 export default (props) => {
+  const { person } = useModel('person')
+
+  console.log(person)
   const [agreement,setAgreement]=useState(false)
   const [phone,setPhone]=useState()
   const [qCode,setqCode]=useState()
@@ -22,7 +28,7 @@ export default (props) => {
   }
   const changeqCode=()=>{
     if (rulePhone(phone)) {
-      console.log(666)
+      setQcode({phone:phone})
 
       let time=10
       setDsb(true)
@@ -65,6 +71,7 @@ export default (props) => {
         })
         return false
       }
+      // 登录
       Taro.showToast({
         title: '登录成功',
         icon: 'none',

src/services/login.js

@@ -6,3 +6,19 @@ import request from '@/utils/request'
  * @returns 
  */
 export const signIn = (data) => request('/login', { data, method: 'post' })
+
+/**
+ * 发送验证码
+ * @param {*} data 
+ * @returns 
+ */
+ export const setQcode = (params) => request('/sms-captcha', { method: 'post', params })
+
+ /**
+ * 假登录就是修改手机号
+ * @param {*} 
+ * @returns 
+ */
+
+export const updatePhone = (id, data) => request(`/person/${id}/phone`, { method: 'put', data })
+

src/store/index.js

@@ -0,0 +1,18 @@
+import { createStore, createStoreRoot, createModelHook } from '@zjxpcyc/react-tiny-store'
+import phone from './models/phone'
+import person from './models/person'
+
+const store = createStore()
+const models = {
+  phone,
+  person
+}
+
+const useModel = createModelHook(store)
+const StoreRoot = createStoreRoot(store, models)
+
+export default store
+export {
+  useModel,
+  StoreRoot,
+}

src/store/models/person.js

@@ -0,0 +1,24 @@
+import { useState } from "react"
+import Taro, { stopDeviceMotionListening } from '@tarojs/taro'
+import { signIn } from '@/services/login'
+
+export default () => {
+  const [person, setPerson] = useState()
+  const [sessionKey, setSessionKey] = useState()
+
+  const login = (params) => {
+    signIn(params).then((res) => {
+      const { person: taPerson,  sessionKey: skey,  token } = res;
+      setPerson(taPerson);
+      setSessionKey(skey);
+      Taro.setStorage({ key: 'token', data: token })
+    })
+  }
+
+  return {
+    person,
+    sessionKey,
+    setPerson,
+    login,
+  }
+}

src/store/models/phone.js

@@ -0,0 +1,10 @@
+import { useState } from "react";
+
+export default function useHotel() {
+  const [phone, setPhone] = useState()
+
+  return {
+    phone,
+    setPhone,
+  }
+}

src/utils/request.js

@@ -19,7 +19,11 @@ export default (url, options) => {
   const nwUrl = `${HOST}/api/wx/${appid}${urlWithParams}`
 
   const authToken = Taro.getStorageSync('token')
-  const tokenHeader = authToken ? { 'X-Authorization-JWT': authToken } : {}
+
+  const tokenHeader = authToken
+  ? { Authorization: authToken }
+  : {};
+  
   const nwHeader = {
     ...(header || {}),
     ...tokenHeader,
@@ -83,7 +87,9 @@ export default (url, options) => {
 export function uploadFile(filePath) {
 
   const authToken = Taro.getStorageSync('token')
-  const tokenHeader = authToken ? { 'X-Authorization-JWT': authToken } : {}
+  const tokenHeader = authToken
+  ? { Authorization: authToken }
+  : {};
 
   return new Promise((resolve, reject) => {
     Taro.uploadFile({