Javascript 为什么Vue应用程序未在刷新时装载?

Javascript 为什么Vue应用程序未在刷新时装载?,javascript,vue.js,vuejs2,vue-router,Javascript,Vue.js,Vuejs2,Vue Router,我有一个Vuejs SPA应用程序,代码如下: ... import Rides from './components/rides' import RideInfo from './components/ride_info' ... //Defining router const router = new VueRouter({ mode: 'history', routes: [ { path: '/rides/:car', component: Rides,

我有一个Vuejs SPA应用程序,代码如下:

...
import Rides from './components/rides'
import RideInfo from './components/ride_info'
...

//Defining router
const router = new VueRouter({
    mode: 'history',
    routes: [
        { path: '/rides/:car', component: Rides, name: 'rides' },
        { path: '/ride_info/:ride_index', component: RideInfo, name: 'ride_info' }
    ]
});

//Defining vuex store
const store = new Vuex.Store({
    state: {
        isLoggedIn: !!localStorage.getItem("token"),
        data: {}
    },
    mutations: {
        login (state) {
            state.isLoggedIn = true;
        },
        logout (state) {
            state.isLoggedIn = false;
        },
        set_initial_data(state, data) {
            state.data = data;
        }
    },
    actions: {
        login({ commit }, token) {
            localStorage.setItem("token", token);
            commit("login");
        },
        logout({ commit }) {
            localStorage.removeItem("token");
            commit("logout");
        },
        set_initial_data({commit}, data) {
            commit("set_initial_data", data);
        }
    },
    getters: {
        isLoggedIn: state => {
            return state.isLoggedIn
        },
        data: state => {
            return state.data
        }
    }
});

//Starting the app
const app = new Vue({
    router,
    store,
    mounted: function() {
        console.log("app mounted");
        var that = this;
        $.get("/initial_data/", {}, function(data) {
            that.$store.dispatch('set_initial_data', data);
        });
    }
}).$mount('#app');
当我转到并刷新时,我进入挂载函数并获得我应该得到的初始数据

当我转到并刷新时,我不会进入挂载函数,也不会带来数据


知道为什么会发生这种情况吗?我如何让应用程序在每次刷新时都能进入挂载功能,而不管url是什么?

你有合适的安装程序吗?如果是这样,配置是什么样子的?这听起来像是pushstate/历史问题,尽管我可能错了。这是在开发还是在生产中发生的?查看这里的文档以获得帮助:谢谢各位。问题发生在本地,因此没有apache/nginx。。。。我还试图删除“mode:‘history’”,我发现了同样的问题。还有其他想法吗?好的。发现了问题。在组件内部,我试图在模板渲染期间访问存储数据,这发生在我从服务器的ajax请求获取数据之前。我真傻,不过还是谢谢你的帮助!你有合适的位置吗?如果是这样,配置是什么样子的?这听起来像是pushstate/历史问题,尽管我可能错了。这是在开发还是在生产中发生的?查看这里的文档以获得帮助:谢谢各位。问题发生在本地,因此没有apache/nginx。。。。我还试图删除“mode:‘history’”,我发现了同样的问题。还有其他想法吗?好的。发现了问题。在组件内部,我试图在模板渲染期间访问存储数据,这发生在我从服务器的ajax请求获取数据之前。我真傻,不过还是谢谢你的帮助!