title: table data renders only by adding hashtag at the end of address Vue 3
body: <p>I'm trying to render data to a table, I recieve the data in console but nothing in the table unless I add a # to the end of address like:</p>
  <pre><code>http://localhost:81/realstate#
  </code></pre>
  <p>or if i make a change in table code and it renders right away.</p>
  <ul>
  <li>I also added WebHistory to router and works fine with every other pages. the only problem is for rendering data of this page.
  Code:
  <a href="https://i.stack.imgur.com/Q2YZi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Q2YZi.png" alt="enter image description here" /></a></li>
  </ul>
  <p>Methods:</p>
  <pre><code>async getProperty() {
    await this.$store.dispatch(&quot;axiosGet&quot;,
        {url: 'folder/api/properties'}).then(response =&gt; {
      if (response.status === 'error') return
      this.propertyList = response.data.data.data
      if (!response.data.data.data.length) {
        this.propertyList = 0
      }
      console.log(response.data.data.data)
    })
  },
  </code></pre>
  <p>the router:</p>
  <pre><code>import { createRouter, createWebHistory } from 'vue-router'
  
  const routes = [
  {path: '/realstate', name: 'RealState', component: RealState},
  
  ]
  const router = createRouter({history: createWebHistory(process.env.BASE_URL), routes, linkActiveClass: 'active'})
  </code></pre>
  <p>Axios Get in Store:</p>
  <pre><code>const baseURL = process.env.VUE_APP_REST_API
  const token = localStorage.getItem('token') ? localStorage.getItem('token'): ''
  state: { token}, getters: { token: state =&gt; state.token
  async axiosGet({ dispatch }, {url}) {
  
    dispatch('checkAxiosConfig')
    let response
  
    await axios.get(url, {headers: {
        'Authorization': `Bearer ${token}`
       }})
        .then((res) =&gt; {response = {status: 'success', data: res}})
        .catch(error =&gt; {response = {status: 'error', data: error}})
    if (response.status === 'error') dispatch('errorHandler', response)
    return response
  },
  </code></pre>
  <p>in Mutations there's only:</p>
  <pre><code> mutations: {
  toggleConfigurator(state) {
    state.showConfig = !state.showConfig
  },
  navbarMinimize(state) {
    const sidenav_show = document.querySelector('.g-sidenav-show')
    if (sidenav_show.classList.contains('g-sidenav-hidden')) {
      sidenav_show.classList.remove('g-sidenav-hidden')
      sidenav_show.classList.add('g-sidenav-pinned')
      state.isPinned = true
    } else {
      sidenav_show.classList.add('g-sidenav-hidden')
      sidenav_show.classList.remove('g-sidenav-pinned')
      state.isPinned = false
    }
  },
  sidebarType(state, payload) {
    state.sidebarType = payload
  },
  navbarFixed(state) {
    state.isNavFixed = state.isNavFixed === false
  }
  </code></pre>
  <p>},</p>