vue-router使用history的配置问题

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应用。。。所以我直接将配置文件改为了绝对路径,即‘/’;问题是解决了,但是如果我们的页面被嵌套,可能就会爆炸。不知如何解决。。。
等待继续解决。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值