react里面的跨域

反向代理

在src目录下建一个文件setupProxy.js(注意:这里是写死的，必须是在src目录下面)

在package.json里面也可以

通过第三方模块http-proxy-middleware

注意：在书写params时，引号’'里面不要有空格,这样会导致请求的数据有误，

const proxy =require ( 'http-proxy-moddleware' )

module.exports =function(app){

    //http://www.qinqin.net/index.php?r=class/category&type=1

    // proxy里面有俩个参数，第一个是标识符，我们一般选取域名后面的第一路径，以上面的地址为例，标识符就是‘/index.php’，
    // 第二个参数是optiions一个配置项 ，{}
    app.use(
        proxy(
            '/index.php',//第一个参数标识符
            {//第二个参数是一个配置项
                target:'http://www.qinqin.net',//配置项的第一个是目标源
                changeOrigin: true
            }
        )
    ),
    app.use(
        //多个反向代理的配置，继续写app.use
    )

}

配置文件修改后需要重启

数据请求：安装axios

cnpm i asiox -S

import axios from ‘axios’,

封装axios

动态路由：加Id不加id都可以，但是有区别

/：id 写了之后路径后面必须添加001

注意：：⭐⭐⭐⭐⭐⭐

当你发现仍然请求404时，各部分配置也没什么问题，说明你不小心把setupProxy.js的位置放错了！！！！！