后台管理系统项目-上

1，安装脚手架npm i -g create-react-app(全局安装)

2.给项目自定义一个名字 create-react-app my-react

3.npm start

4.初始化项目

5.安装npm i --save sass

6.安装axios npm i --save axios

7.(反向代理)解决跨域proxy 安装npm i --save-dev http-proxy-middleware 创建文件夹setupProxy.js进行配置

const {createProxyMiddleware} = require('http-proxy-middleware');

module.exports=function(app){
  app.use(
      '/api',
      createProxyMiddleware({
        target:'https://i.maoyan.com',
        changeOrigin:true,
    })
    );
};

import './App.css'
import {useEffect} from 'react'
import axios from 'axios'

function App(){
  
useEffect(()=>{
  axios.get('/api/mmdb/movie/v3/list/hot.json?ct=%E5%8C%97%E4%BA%AC&ci=1&channelId=4')
  .then(res=>{
    console.log(res.data)
  })
},[])
   
    
 return <div>
  app
 </div>

}



export default App

8.安装路由npm i --save-dev react-router-dom@5版本 创建router文件夹 

9.安装小插件 输入rfc 快速生成结构

10.引入框架Ant Design of React - Ant Design

先安装--->再引入

npm install antd --save

11.自己模拟数据  JSON

安装npm i -g json-server  创建db.json文件 再json-server --watch .\db.json --port 8000指定端口号

12.

封装axios

13.

14.

15.