react入门及简单配置

直接script引入的不说了

1、npm i -g create-react-app

2、create-react-app my-app （其中my-app为项目名称）

3、进入项目cd my-app/  运行npm start  ok一个简单的react项目就启动了

接下来我们看下目录结构，很简单不用看了

在开发的时候一般需要掉接口，我们安装axios

npm i axios --save

遇到跨域需要代理怎么办呢？之前都是直接在package里设置proxy，但现在不行了，最好的办法是用http-proxy-middleware

npm i http-proxy-middleware --save

然后新建一个setupProxy.js文件，配置相应的跨域代理

const proxy = require("http-proxy-middleware");
module.exports = function(app){
    app.use(proxy("/api", {
        target: "http://xxxxxx",
        secure: false,
        changeOrigin: true,
        pathRewrite: {
            "^/api": "/"
        }
    }));
}

OK了，这只是初探，感觉react才是我的选择，vue不是我喜欢的风格！OKOK！