配置BrowserSync以正确支持Gulp中的SPA路由

时间:2018-10-25 02:15:28

标签: javascript gulp single-page-application browser-sync gulp-browser-sync

我按照this tutorial进行了配置,以将Browsersync配置为与我正在使用的SPA一起正常工作(始终重定向到索引),并且对于localhost/homepage之类的链接也可以正常工作。

问题是与另一个目录级别(如localhost/bikes/444)的链接。当我刷新页面时,浏览器尝试从错误的位置加载CSS,图像等:例如localhost/bikes/css/css.css

我知道我可以更改代码并仅链接到/css/css.css,但是我希望路径相对于我的部署环境有效。

是否可以配置connect-history-api-fallback来进行这些重定向或从URL中“剪切”“ bikes”文件夹,使其指向正确的路径?

我正在阅读插件文档,似乎可以进行自定义重写,但是我一直在寻找一种简单的解决方案,因为这种情况发生在“ css”,“ images”,“ scripts”等文件夹中。 ..感觉像是一个常见问题,应该有一个简单的解决方法:)

0 个答案:

没有答案