Question

我的服务器上有空白屏幕问题。我在main.js内有这个：

import Vue from 'vue';
import axios from 'axios/dist/axios';

import Login from './components/Login.vue';
import Register from './components/Register.vue';
import MainMenu from './components/MainMenu.vue';
import LevelsMenu from './components/LevelsMenu.vue';


Vue.component('app-login', Login);
Vue.component('app-register', Register);
Vue.component('app-main-menu', MainMenu);
Vue.component('app-levels-menu', LevelsMenu);

const app = new Vue({
el: '#app',
data: {
    loggedIn: false,
},
methods: {
    onLogin() {
        var self = this;
        axios.get('/api/user/isLoggedIn').then(function(response) {
            var isLoggedIn = response.data.data;
            self.loggedIn = isLoggedIn;
        });    
    }
},
mounted() {
    var self = this;
    axios.get('/api/user/isLoggedIn').then(function(response) {
        var isLoggedIn = response.data.data;
        self.loggedIn = isLoggedIn;
    });
}
});

当页面以微秒加载时，我可以看到有内容，但之后它消失了。您可以在http://3dominator.com/demo

上查看此情况

我正在屏幕上绘制一些组件。主要问题是在localhost上一切看起来都很好，但在服务器上它只是空白。

任何想法可能是什么问题？

修改

它不仅适用于Chrome。在Firefox上没关系。

Answer 1

好像我必须这样做：

app/

Vue.js服务器上的空白页面，但在localhost上它很好

1 个答案: