大家好,提前感谢您的帮助,
我很难弄清楚为什么我的路由不能完全工作。我来解释一下。
我确实有一个带有下拉选项的导航栏,它可以引导我在 Angular 应用程序配置阶段定义的路线。
HTML
<head>
...
<base href="/">
...
</head>
...
(inside navbar)
<ul class="dropdown-menu">
<li><a ui-sref="Check">Check</a></li>
</ul>
...
JS(配置)
app.config(['$stateProvider', '$urlRouterProvider', '$locationProvider', function($stateProvider, $urlRouterProvider, $locationProvider) {
$locationProvider.html5Mode(true);
$stateProvider
// HOME STATES AND NESTED VIEWS ========================================
.state('home', {
url: '/home',
controller: 'HomeCtrl',
templateUrl: 'app/components/home/home.html'
});
// SERVICE VIEWS =================================
$stateProvider
.state('Check', {
url: '/Check',
templateUrl: 'app/components/Check/Check.html',
controller: 'CheckCtrl'
});
$urlRouterProvider.otherwise('/');
}]);
当我通过主页访问时(通过index.html -> 单击导航栏并访问检查),一切运行良好,它正确加载模板。 但是当我尝试直接访问该 View 时,根本没有加载任何内容。黑屏。
总结一下: 行动: 访问 localhost:8080 -> 全部运行正常 访问 localhost:8080/直接查看 -> 没有加载任何东西。
不知道我在这里缺少什么。
感谢您的时间和支持。
最佳答案
你能把你的server.js文件放上去吗?
我认为你缺少一些看起来像这样的行:
app.use("/app", express.static(__dirname + "/app"));
关于javascript - Angular (ui-router) 路由无法完全正常工作?无法直接访问 url 而不通过基本 url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38501545/