我在Meteor项目中使用FlowRouter。我面临的问题是,当我有简单的网址,例如'add-user','my-profile'时,页面呈现没有问题。即使我刷新浏览器,也不会出现问题。但是,当我使用“add / user”或“add-user /:id”等网址时,如果我刷新页面,则所有CSS都会中断
这是我的索引文件:
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<!-- BEGIN CORE CSS FRAMEWORK -->
<link href="assets/plugins/boostrapv3/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/animate.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/jquery-scrollbar/jquery.scrollbar.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
<!-- <link rel="stylesheet" href="assets/css/dataTables.bootstrap.min.css"> -->
<link rel="stylesheet" href="assets/css/bootstrap-table-responsive.css">
<!-- BEGIN CSS TEMPLATE -->
<link href="assets/css/select-dropdown.css" rel="stylesheet" />
<link href="assets/css/loader.css" rel="stylesheet" />
<link href="assets/css/style.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/responsive.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/custom-icon-set.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/magic_space.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/jquery.tagsinput.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/bootstrap-multiselect.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/sumoselect.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="assets/css/jquery.mCustomScrollbar.css">
<link rel="stylesheet" href="assets/css/bootstrap-select.css">
<link rel="stylesheet" type="text/css" href="assets/css/jquery.bxslider.css">
<!--<link href="assets/css/jquery-ui.min.css" rel="stylesheet" type="text/css"/>-->
<!--<link rel="stylesheet" type="text/css" href="all-ie-only.css" />-->
<script src="assets/plugins/jquery-1.8.3.min.js" type="text/javascript"></script>
<!--<script src="assets/js/jquery-ui.min.js" type="text/javascript"></script>-->
<script src="assets/plugins/boostrapv3/js/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/js/jquery.sumoselect.js"></script>
<script src="assets/js/bootstrap-multiselect.js"></script>
<script src="assets/js/ie.js"></script>
<script src="assets/js/select-dropdown.js"></script>
<script src="assets/js/underscore-min.js"></script>
<script src="assets/js/bootstrap-datepicker.min.js"></script>
<script src="assets/js/jquery.flexisel.js"></script>
<script src="assets/js/jquery.tablesorter.js"></script>
<script src="assets/js/jquery.tablesorter.widgets.js"></script>
<script src="assets/plugins/breakpoints.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-unveil/jquery.unveil.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-lazyload/jquery.lazyload.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-scrollbar/jquery.scrollbar.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-numberAnimate/jquery.animateNumbers.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.js"></script>
<script src="assets/js/jquery.bxslider.min.js"></script>
<!-- <script src="assets/js/jquery.dataTables.min.js"></script>
<script src="assets/js/dataTables.bootstrap.min.js"></script> -->
<script src="assets/js/jquery.tagsinput.js"></script>
<script src="assets/js/date-time-picker.min.js"></script>
<script src="assets/js/bootstrap-select.js"></script>
<script src="assets/js/jquery.mCustomScrollbar.concat.min.js"></script>
<link rel="icon" type="image/png" href="assets/img/favicon.ico " sizes="32x32" />
</head>
<body>
</body>
我的文件放在公共/资产文件夹