zoukankan      html  css  js  c++  java
  • 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!

  • 相关阅读:
    Servlet
    反射
    Python之装饰器
    app——升级测试点
    Python之基本运算符
    HTTP常见的几种认证机制
    Shell文件包含
    Shell输入/输出重定向
    Shell函数
    Shell循环语句
  • 原文地址:https://www.cnblogs.com/wangzisheng/p/react.html
Copyright © 2011-2022 走看看