首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Angularjs 1.x -- UIRouter Path /XYZ vs /#!/XYZ

Angularjs 1.x -- UIRouter Path /XYZ vs /#!/XYZ
EN

Stack Overflow用户
提问于 2017-04-14 23:58:28
回答 1查看 39关注 0票数 0

我正在尝试在顶层创建一个path变量。例如: website.com/XYZ123,其中XYZ123是一些账号代码。我如何在一个angular应用中做到这一点呢?

我的配置如下:

代码语言:javascript
复制
    $urlRouterProvider.otherwise('/');
    .state ('/', {
          url: '/',
          templateUrl: 'views/landing.html',
          controller: 'landingCtrl',
          authenticate: false
      }).state ('signin', {
          url: '/{accountCode:[0-9A-Z]{6}}',
          templateUrl: 'views/student/signin.html',
          controller: 'studentSigninCtrl',
          authenticate: false
      })

website.com/#!/XYZ123 -- works..但是我怎么做才能让website.com/XYZ123也转到angularjs SPA呢?

谢谢

EN

回答 1

Stack Overflow用户

发布于 2017-04-15 00:23:54

在主模块的config块中,您可以使用$locationProvider关闭HTML5模式,并且不在路由中显示散列:

代码语言:javascript
复制
// Removes the fragment identifier ('#') from urls
$locationProvider.html5Mode(true);

注意,这样做有一些注意事项,主要是您需要确保在主(索引) HTML文件中包含一个<base>标记:

代码语言:javascript
复制
<head>
    <base href="/"/>
</head>

有关有文档记录的参考,请参阅$locationProvider

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43415066

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档