React 03 脚手架配置代理 消息订阅与发布 路由 参数传递 编程式路由导航 withRouter

解决跨域问题

类似于vue，代理服务器

配置代理服务器

服务器在5000端口，本地在3000端口

若请求本地有的资源，则不再转发请求

 "proxy":"http://localhost:5000"

 

消息订阅-发布机制

1. 工具库: PubSubJS
2. 下载: npm install pubsub-js --save
3. 使用:

                 

// create a function to subscribe to topics
var mySubscriber = function (msg, data) {
    console.log( msg, data );
};

// add the function to the list of subscribers for a particular topic
// we're keeping the returned token, in order to be able to unsubscribe
// from the topic later on
var token = PubSub.subscribe('MY TOPIC', mySubscriber);

// publish a topic asynchronously
PubSub.publish('MY TOPIC', 'hello world!');

// publish a topic synchronously, which is faster in some environments,
// but will get confusing when one topic triggers new topics in the
// same execution chain
// USE WITH CAUTION, HERE BE DRAGONS!!!
PubSub.publishSync('MY TOPIC', 'hello world!');

React路由

react-router-dom的理解

1. react的一个插件库。
2. 专门用来实现一个SPA应用。
3. 基于react的项目基本都会用到此库。

        <BrowserRouter>
          <div>
            <Link to='/About'>About</Link>
            <hr />
            <Link to=