vue + mui

打包上线刷新页面后404，或者空白问题

1.有可能是阿帕奇、nginx、node.js服务器配置问题。https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations
	https://www.jianshu.com/p/a56c3447a289
2.在vue，router中吧路由的一些清空一些配置 let router = new VueRouter
	打包上线的时候不要

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter);

// 定义路由
import alarmMessageDetail from '@/components/alarmMessage/alarmMessageDetail';
import collectionList from '@/components/collection/collectionList';
import changePassword from '@/components/password/changePassword';
import study from '@/components/setting/study';
import study_detail from '@/components/setting/study_detail';
import contact from '@/components/setting/contact';

// 每个路由应该映射一个组件。 其中"component"是一个组件配置对象。
const routes = [
  // 登录
  {
    path: '/',
    redirect: {
      name: 'alarmMessageDetail'
    }
  },
  //预警详情
  {
    path: '/alarmMessage/alarmMessageDetail',
    name: 'alarmMessageDetail',
    component: alarmMessageDetail,
    meta: {
      requiresAuth: true,
      title: '预警详情' // 标题设置
    }
  },
  //采集记录
  {
    path: '/collection/collectionList',
    name: 'collectionList',
    component: collectionList,
    meta: {
      requiresAuth: true,
      title: '采集记录' // 标题设置
    }
  },
  //修改密码
  {
    path: '/password/changePassword',
    name: 'changePassword',
    component: changePassword,
    meta: {
      requiresAuth: true,
      title: '修改密码'
    }
  },
  //帮助中心
  {
    path: '/setting/study',
    name: 'studyList',
    component: study,
    meta: {
      requiresAuth: true,
      title: '帮助中心'
    }
  },
  //帮助中心详情
  {
    path: '/setting/study_detail',
    name: 'study_detail',
    component: study_detail,
    meta: {
      requiresAuth: true,
      title: '帮助中心详情'
    }
  },
  //联系方式
  {
    path: '/setting/contact',
    name: 'contact',
    component: contact,
    meta: {
      requiresAuth: true,
      title: '联系方式'
    }
  },
];

let router = new VueRouter({
  routes
});

export default router

不要不h5的上传，需要带#号的路由就=