Javascript 为什么Vue应用程序未在刷新时装载?
我有一个Vuejs SPA应用程序,代码如下: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,
...
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请求获取数据之前。我真傻,不过还是谢谢你的帮助!