路由器中没有历史模式的VueJS

时间:2021-06-01 20:11:08

标签: javascript vue.js frontend

在本文 (Vue.js - How to remove hashbang #! from url?) 中,教授如何从 URL 中删除 #。

我正在制作一个需要在 URL 中包含 # 的应用程序,但是当我第一次访问路由时,不要加载(或不要更改内容),但是如果我刷新,页面会加载成功。

EDIT1:我忘记分享我的 Vue Router。

import Vue from 'vue'
import Router from 'vue-router'
//import axios from 'axios'

import ListComponent from '../pages/ListComponent'
import Formulario from '../pages/Formulario'

const BASE_URL = process.env.VUE_APP_FRONT_SET_URL;
console.log(BASE_URL);

Vue.use(Router)

export default new Router({
       mode: 'hash',
    routes:[

        {
            path: '/formulario',
            name: 'formulario',
            component: Formulario
        },

         {
            path: '/:nr_atendimento' ,
            name: 'list',
            component: ListComponent
        },
    ]
})

没有。控制台不显示任何错误。

0 个答案:

没有答案