vue-router History 模式后端配置要求？

Question

vue项目路由想用 History 模式，希望后端配置的支持

后端回复： ‘你这种是静态配置等于两个服务器跑一个项目才能这么配置

’

小白前端，请大佬多多指教

正确吗？

Answer 1

不同服务器配置方式不一样，两个服务器当然可以实现，你们后端这么说也不能说是错误的，但是一个服务器也不是不能配。

因为，不管什么服务器，服务器需要做的都只是:
将你所有前端vue中组件路由的路径，都映射到打包后的单页应用的index.html上。

这里需要注意的就是，有一个好的前端路由和api设计规范，可以大大简化配置的难度。可能你们后端这么说，是因为规范不太好，配起来很麻烦么？

比如，所有异步接口都置于/api/下，所有静态资源（js/css/字体）等都置于/statics/路径下，所有图片都至于/images/下，所有媒体文件都至于/media/下（当然，图片和媒体文件可能用其他服务器处理，这里只是举例子）。

这样，后端配置的请求路由（这里指的是后端路由，也就是请求url匹配，不是vue的前端组件路由），只需要简单将不匹配上面几种的请求，都映射到index.html文件就可以了。

当然，都不是绝对的，理清了流程完全可以自己制定方法。。

Answer 2

history模式刷新在引入外部JS会有报错的问题...请知悉

Answer 3

使用nginx

location / {
  try_files $uri $uri/ /index.html;
}

HTML5 History 模式

Answer 4

直接怼你后端啊

Answer 5

是不是写好的vue发到给后端，让后端给配置route？vue打包完的app都在一个index里，你在vue里面写的route是访问不到的，后端需要给你配置route。配置的过程其实并不难，https://stackoverflow.com/que... 和https://router.vuejs.org/guid...。你们现在的问题是，项目看起来已经写好了api的，也不清楚你们是什么语言什么框架，给你改配置要多少时间成本？如果是express框架，咱摸索摸索都可以自己改的?这些问题在早期技术选型的时候都该规避掉的，可以咨询一下你们技术主管的意见。