vue部署到服务器路由为空,vue组件化部署到服务器router-view里边的内容为空

使用vue-cli脚手架搭建的项目，本地都没有什么问题，执行npm run build压缩后把dist文件夹丢到服务器，控制台可以看到js和css都进来了并无报错，但是首页index.html里的router-view里的内容为空。如果只把dist里边内容放在根目录，没有嵌套dist这个文件夹的话又是可以的，一直想不通啊，请大神指点一二。

这是首页的index.html的内容，js和css路径保证无错都是进来了，没有报错就是router-view里边的内容为空

这个是我的main.js文件

import Vue from 'vue';//加载vue.js

// import Vuex from 'vuex';//组件之间的通信

import VuexStore from './vuex/store' ;//vuex状态管理，组件之间的通信

import VueRouter from 'vue-router' ;//加载vue-router.js路由

import RouterConfig from './router' ;//加载vue-router的定义文件

Vue.use(VueRouter);//使用路由插件

//路由器需要创建一个根实例

const App = Vue.extend({

data(){

return {

siteTitle:'首页'

}

}

}) ;

//创建一个路由器实例

const router = new VueRouter({

hashbang:false,//去除#！开头

transitionOnload:false,//初次加载的时候是否对处理场景切换效果

history:true,//是否开启html5模式，去掉锚点

saveScrollPosition:false //记住页面的滚动位置 html5模式适用

});

//定义路由规则

router.map(RouterConfig);

//路由器重定向，此指令会将任意未匹配路径到 404页面

router.redirect({

// '*': '/error'

});

//路由会创建一个实例，挂载到相应的选择符匹配元素上

router.start(App,'html');