react-router 、vue-router在history模式下nginx 相关设置

目录

1.概念

2.无根目录部署：

3.包含根目录部署

4.2种部署方式匹配说明：

---

1.概念

• 路由采用history模式，服务器需要做相应设置。
• 3种访问方式：

1. api访问
2. 路由访问
3. 静态资源访问

• 所以只要覆盖这3种请求方式就可以满足基本需求了。

2.无根目录部署：

nginx配置如下

location /{ 
	root c:/src/;
	try_files $uri  /index.html;
}		
		
location /api {    
	proxy_pass http://localhost:8888/;
}
		

3.包含根目录部署

     路由全局添加跟地址 ：

1. react 路由添加basename： <Router basename="/sub">，
2. vue router base="/sub"