javascript - Angular (ui-router) 路由无法完全正常工作?无法直接访问 url 而不通过基本 url

标签 javascript angularjs routes angular-ui-router

大家好,提前感谢您的帮助,

我很难弄清楚为什么我的路由不能完全工作。我来解释一下。

我确实有一个带有下拉选项的导航栏,它可以引导我在 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/

相关文章:

javascript - 过滤和排序 React

javascript - Angular $http header 不起作用

asp.net - 文件路径作为 MVC 路由参数

ruby-on-rails - Rails 命名空间助手不工作

javascript - 使用相同的 css 文档在不同的 html 页面上使用不同的链接颜色

javascript - 在 MV* 设计模式中,模型是单个数据单元还是与数据一起工作的所有逻辑?

angularjs - angular-ui-grid 3.0.0-rc.16 错误 : gridApi. pagination.on 未定义

javascript - href angularjs 没有路由

javascript - 莫里斯图表日自定义问题

javascript - Angular $watch 旧值和新值相同