跨域的原理 & Router（路由）

产生跨域的原因：因为aja有同源策略，即只能允许同端口，同域名，同协议
什么 情况下会产生跨域：不同端口，不同域名，不同协议，。。。。

解决跨域方案：jsonp,前端/后端代理，cors

受控组件，非受控组件

前端路由的两种实现原理
https://segmentfault.com/a/1190000007238999

react路由官网：https://reacttraining.com/react-router/

React路由

第一步：先引入react-router-dom包

  npm install react-reouter-dom --save

第二步：建立一个router.js文件用于配置路由并引入相关包

    import { BrowserRouter as Router, Route, Link,NavLink } from "react-router-dom";

Link,NavLink 相当于vue的router-link：即用于路由跳转

注：NavLink可以设置高亮

例如： <NavLink exact to="/" activeClassName="high">Home</NavLink>

    其中：to代表要跳转的路径，exact:加上可以精确匹配路径

Route相当于vue中的router-view:用于展示组件在哪里渲染

例如： <Route path="/about" component={About} />

    其中：path代表将要匹配的路径，component:代表要渲染的某个组件

react-router-dom案例：       

https://reacttraining.com/react-router/web/example/basic