如何实现纯前端控制url路由？ 如何实现纯前端控制url路由

Question

问题产生环境：

公司原使用前端编写静态页面，php混编的方式开发PC站。现在要实现前后端分离，后端api+前端的方式开发。

产生问题描述：

用户输入url，到服务器会有php控制器解析url再决定返回服务器的哪个页面，哪个静态文件。 现在如果这个url解析交给前端实现，又要保密服务器文件结构，要用什么框架或者插件合适？

Answer 1

用户输入url，到服务器会有php控制器解析url再决定返回服务器的哪个页面，哪个静态文件。
现在如果这个url解析交给前端实现，又要保密服务器文件结构，要用什么框架或者插件合适？

首先，你分析你们的系统适不适合单页应用？

适合的话，让后台把路由控制做成不管访问什么，都转发到/index.html，当然api的那个路径要留下来，不然接口都访问不到了。
不适合的话，就是搞一个temp目录，让前端自己去胡搞，目录自己订，反正都是前端的东西，后台的路由控制要辅助前端，如果不是接口的就去temp下面去东西，取到就显示，取不到跳转404。这一步要求可以缩减，比如不要404自定义。那么就好说了，api路径走后台的，其他的都直接去temp下查询，找不到就是传统的404。

保密服务器文件结构?这个东西是在说保密什么？前端其实就是透明的，保密意义应该不大吧？

要用什么框架或者插件合适？楼上 寒青也提到过了。

react.js、Angular.js和Vue.js。我们公司是多页应用，vue，前后端分离。

Answer 2

url怎么交给前端解析，不明白，肯定要先进过后台啊

Answer 3

后端设置路由全走前端index.html而不是php就行

Answer 4

以前那种php方式应该和之前我那些JSP的开发差不多，都没前端后端分离。
如果要前后端分离的话，那后台写api接口就好，就是接口restful风格，靠json与后台通讯，然后把路由交给前端。我最近做的项目就是这样，我用springboot写api接口，前端小伙伴用react.js写前端，他需要什么数据，就访问我api接口就好，到时接受json数据再处理.到时部署项目的话，就用nignx部署前端代码。
如果前后端分离的话，建议用AngularJS、或者react.js、或者vue.js吧，比较方便。

Answer 5

现在的主流框架都支持先后端分离，比如react.js、Angular.js和Vue.js，现在你的问题是把url放在前端处理，再提交给服务器进行取数据。关键就是对处理过程和传输过程进行封装，隐藏内部信息。