BARM
BARM
vite.config.js ```javascript resolve: { alias: [ { find: 'antd/lib', replacement: 'antd/es', }, { find: '@antv/x6', replacement: '@antv/x6/dist/x6.js', }, ] } ``` Adding such a configuration solves this problem locally
github opens slowly,use jsdelivr cdn global acceleration
This happened to me, too. .postcssrc.js下 module.exports = { "plugins": { 'postcss-pxtorem': { rootValue: 32, propList: ['*'], mediaQuery: false }, "postcss-import": {}, "postcss-url": {}, // to edit target browsers: use...
我详细描述下,依次进入/baseroute/a > /baseroute/b > /baseroute/c > /baseroute/d,然后刷新页面,接着点浏览器回退按钮,点击后,导航地址未变化且视图未更新,实际应该是要返回到/baseroute/c。接着继续点击浏览器回退按钮,视图和导航地址依然未更新,多次点击后,会直接回到/baseroute/a的页面。
这里提供一个VueRouter的例子, https://github.com/BARMPlus/vue-router-test ``` yarn yarn start ``` 切换路由以后,再刷新页面,浏览器的回退按钮可以回到上一个视图且导航栏地址有更新 @yiludege 我看了其他的微前端框架,不会出现刷新后导致浏览器的后退按钮失效 https://zeroing.jd.com/micro-app/demo/react16/ 因为wujie使用了iframe,我怀疑是不是和它有关系
这个方案,子应用需要加逻辑,应用耦合会有点重。 而且子应用可能通过push跳转,也可能通过replace跳转,每次跳转需要通知父应用去进行跳转,子应用是replace的话,父应用也要replace跳转,子应用是push话,父应用也要push跳转。 而且子应用携带query的情况下,处理起来会更麻烦。
@yiludege 我这里提供一个仓库, https://github.com/BARMPlus/wujie-route-test 目录src/components/a.vue,加key的情况下,刷新后浏览器的后退正常,不加key的情况刷新后就会出现浏览器后退失效(和现在的情况一模一样) ``` 更换src ``` 测试步骤 ``` 1.克隆项目 2.启动项目 3.多次点击网页中的”更换src“按钮 4.刷新,点击浏览器后退按钮 5.发现功能正常 ``` 如果使用不加key的情况,就会和之前的问题一样。 参考文章:https://www.aleksandrhovhannisyan.com/blog/react-iframes-back-navigation-bug/ ``` 与框架无关的解决方案是在每次需要更改其 src 时销毁 iframe 并重新创建它,而不是重用以前使用的 iframe, 仅仅更改其源属性。你可以通过用一个新的 iframe 节点替换掉 iframe 节点,在普通的 JavaScript...
是的,iframe内也会路由跳转,看来暂时没有解决方案了。