Hi,
I would like to start by congratulating the Node-red development team for this excelent tool
and @TotallyInformation for developing uibuilder that helps as unlock the full potential of javascript for frontend development with Node-red and building custom dashboards.
I have been experimenting with Vue, bootstrap-vue and Vue-router and everything is fine but there is a small issue when refreshing the page when im on a sub route and using history mode with vue router .
we get a 404 cannot get error
From what i read this happens with Single Page Applications because in this case the underlying express router? doesnt know about the subroute and further configuration is needed as documented in vue-router docs
The vue-router docs suggest using a connect-history-api-fallback middleware to fix this but i dont know how to implement this.
Is this something that can be easily fixed ?
router.js sample
import Vue from "vue";
import VueRouter from "vue-router";
import App from "../components/App";
import Home from "../components/Home";
import Table from "../components/Table";
import Chart from "../components/Chart";
import ChartVolts from "../components/ChartVolts";
//import store from './store';
Vue.use(VueRouter);
const router = new VueRouter({
mode: "history",
base: "/test",
linkActiveClass: "active",
routes: [
{
path: "/",
component: Home
},
{
path: "/table",
component: Table
},
{
path: "/chart",
component: Chart
},
{
path: "/chart_volts",
component: ChartVolts
},
//{
//path: '*',
//redirect: '/'
//}
]
});
export default router;