Routing issue in vue.js

Create web hash history

ex: import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router';

import HomePage from '../views/HomePage.vue';

import AllItemFulfillment from '../views/AllIf.vue';

import IfDetailPage from '../views/IfDetail.vue';

 

const router = createRouter({

  history: createWebHashHistory(import.meta.env.BASE_URL),

  routes: [

  {

    path: '/',

    name: 'HomePage',

    component: HomePage,

  },

  {

    path: '/IF-Listing',

    name: 'AllItemFulfillment',

    component: AllItemFulfillment,

  },

  {

    path: '/IF-Detail',

    name: 'IfDetailPage',

    component: IfDetailPage,

  },

],

});

 

export { router };

Leave a comment

Your email address will not be published. Required fields are marked *