1

project/package.json

@@ -3,6 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
+    "start":"spark dev --type h5",
+    "build":"spark build --type taobao",
     "prettier": "prettier --write '**/*.{js,jsx,tsx,ts,less,md,json}'"
   },
   "dependencies": {

project/src/pages/pagefrontpage/pagefrontpage.jsx

-'use strict';
+"use strict";
 
-import React, { Component } from 'react';
-import resList from '../../resconfig/resList';
-//import API from '../../api';
+import React, { Component } from "react";
+import resList from "../../resconfig/resList";
+import API from "../../api";
 
-import './pagefrontpage.less';
+import "./pagefrontpage.less";
 
 class Pagefrontpage extends Component {
   constructor(props) {
     super(props);
     this.state = this.state || { resList: resList };
   }
+
+  componentDidMount() {
+    API.getRule().then((res) => {
+       console.log(res)
+    });
+}
+
   render() {
     return (
       <div className="frontpage">
         <div className="div" />
-        <img className="image" src={this.state.resList['eb602b5e-fd36-4968-bed0-ec786cd8e1c0'].url} />
+        <img
+          className="image"
+          src={this.state.resList["eb602b5e-fd36-4968-bed0-ec786cd8e1c0"].url}
+        />
       </div>
     );
   }
 }
-export default Pagefrontpage;
\ No newline at end of file
+export default Pagefrontpage;