vue-router使用history的配置问题
vue使用history后,能够使得url更加漂亮,也就是不再有‘#’的问题,但同时我们会发现,如果页面直接访问,比如http://www.xxx.com/user/info的时候,显示无法get,并且刷新的时候,也会出现同样的问题。vue-router官方资料说需要服务器端配置支持,在node中也就是需要一个connect-history-api-fallback的中间件。而后
·
vue使用history后,能够使得url更加漂亮,也就是不再有‘#’的问题,但同时我们会发现,如果页面直接访问,比http://www.xxx.com/user/info的时候,显示无法get,并且刷新的时候,也会出现同样的问题。vue-router官方资料说需要服务器端配置支持,在node中也就是需要个connect-history-api-fallback的中间件。而后,悻悻的配置了history(当然,配置的时候还是把自己坑了,把这个中间件排在了static后面,然后就gg。。。)。配置以后发现了一个问题:由于使用webpack打包的时候,页面中js文件的路径采用的是相对路径’./’,于是乎,当我们访问http://www.xxx.com/admin/userlist的时候,页面中的js文件‘./static/js/xxx.js’,在请求中的路径竟然为‘http://www.xxx.com/admin/static/js/xxx.js’。因为是spa应用。。。所以我直接将配置文件改为了绝对路径,即‘/’;问题是解决了,但是如果我们的页面被嵌套,可能就会爆炸。不知如何解决。。。
等待继续解决。
更多推荐
已为社区贡献1条内容
所有评论(0)