React路由要注意的信息

从首页 跳到路由学生测试（test）页面
test 页面是一个列表
列表可以点到详情页面
列表内容分通过和不通过
点击通过和不通过都可以进入详情页
详情页面不通过为内容直接显示:不通过字样 
通过页面内容为(分页实现)
http://api.bdplus.cn/api/userinfo?page=1&pageSize=10

首页 
列表
详情页面（通过和不通过页面）

首页
localhost:3000/

localhost:3000/tongguo
localhost:3000/butongguo
列表页
localhost:3000/list

通过和不通过

通过是详情页面（分页）
详情页面对应具体新闻页面

审题
路由

localhost:3000/

localhost:3000/test/

localhost:3000/test/ntg

localhost:3000/test/tg

`/ucenter/:page/:id`

page   ntg   tg

localhost:3000/test/tg/1

localhost:3000/test/tg/2

localhost:3000/test/tg/3

localhost:3000/test/tg/4
路由：

1、
隔代页面，是无法直接使用路由的信息
两种：
prop 传递
withRouter

2、
Link 与 NavLink 

a 标签  
.href 刷新页面

3、js 跳转
.push()
.replace()

h5 api  pushState

4、传参 三种方式
state

个人中心里  
登录成功之后，

5、 exact
exact /
/about

exact /wk
/wk/test

6、访问不存在的url
Redirect
前提是有一个已存在或已定义好的url

7、#  /

8、针对打包
/
每个域名都是server {
    location /{
        try_files $uri /index.html;
        index index.html index.htm index.php;
    }
}
9、重定向 
需要域名后面加/
www.a.com/
10、页面链接 协议不同的情况
http://www.a.com
<a href="https://www.a.com/a.js">链接</a>
<a href="//www.a.com/a.js">链接</a>
10、去公司做网站上线之后手机端访问时
有运营商广告
https://(强记的经验)

11、ucenter/
隶属关系
web1908/a
web1908/b/c

12、
api.bdplus.cn/api/
docker.bdplus.cn/api2/
pdd.bdplus.cn/home/

localhost:3000/api

api/a  X
/api/a  √
/api/b
/api/c/d

location.href

?
a=6&c=9&b=&
split('&')  a=6  c=9   b=&
split('=')

arr[0]  arr[1]  6

search

{
    a:1,
    b:2
}