vue.js - vue 刷新页面后页面无显示只显示后端返回的json数据

问题描述

问 题

使用vue elementui 后端返回json数据前端渲染。第一次可以显示页面，但是一旦刷新页面，就只显示后端返回的json数据了，前端页面就没了。这是为什么，有大神知道么？

代码如下

ng:

location / {
    proxy_pass http://127.0.0.1:8010;
    }

location /bbl {
    proxy_pass http://127.0.0.1:6000;
    }
    

App.vue:

<template>
    <div id="app">
        <navmenu></navmenu>
        &nbsp;
        <router-view></router-view>
    </div>
</template>
<script>
import navmenu from './components/navmenu.vue'
export default {
  components: {navmenu}
}
</script>

解决方案

你可以试试把history模式注释掉是可以正常刷新的；
用了vue-route的history,服务器也要相对的配置，不然浏览器刷新后会找不到对应的页面

HTML5 History 模式

这篇关于vue.js - vue 刷新页面后页面无显示只显示后端返回的json数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！