vue-router history模式 nginx配置

3,592 阅读1分钟

这是我第一次在掘金上分享,希望大家能够互相学习!
1、vue-router一共两种模式 hash模式和history模式(hash模式不说)
2、history模式我理解其实不是真正的history模式 还是前端做的路由匹配
3、

这里是我nginx的配置 我理解了一下 这个配置一般写在nginx配置的下面,nginx是从上向下匹配的,上面写后端接口匹配,root是服务器上前端项目的根路径,try_files是路径匹配 也可以省略rewrite,在根路径中没找到的一律返回index.html文件, vue dist文件中的js、html、css都会走nginx配置 但是 此时能够在根路径中找到文件,uriuri/就是匹配能够找到的资源 如直接在浏览器输入index.html路径 直接能够访问到文件
4、最近遇到一个问题,对于前端菜鸟的我很是迷茫,vue-router的项目,后端部署的时候不完全是前后端分离的,于是出现了前端请求后端的根路径是相对路径,接下来问题来了, 如果是路由的方式你用路径的时候'/download'会出现什么情况?对,会出现路由跳转而不会下载文件,思索了很久于是想到了nginx,

利用后端nginx拦截一下就可以了!!!