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！

巴特西

react入门及简单配置

最新文章

热门文章