angularjs – Angular HTML5Mode – 重写规则

前端之家收集整理的这篇文章主要介绍了angularjs – Angular HTML5Mode – 重写规则前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我刷新网站上的标签时,我遇到了路径问题:

我从github复制了这个重写规则:

<rule name="Main Rule" stopProcessing="true">
          <match url=".*" />
          <conditions logicalGrouping="MatchAll">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
          </conditions>
          <action type="Rewrite" url="/" />
        </rule>

这在诸如https://www.mywebsite.com/dashboard之类的路径上工作得很好.

但是,当我刷新像https://www.mywebsite.com/tab/settings这样的路径时,我的javascript加载正常,但我的css目录关闭了1.

我的脚本路径加载正确如下:

https://www.mywebsite.com/Scripts/angular.js

但是,我的CSS试图加载为:

https://www.mywebsite.com/tab/Content/bootstrap.min.css

使用/ tab /导致我的问题.

我的路线:

.state('Template',{
            url: '',abstract: true,views: {
                'header': {
                    templateUrl: 'App/SharedViews/Landing/dashboardheader.html'
                }
            }
        })
        .state('Template.AdminTab',{
            url: '/admin',views: {
                'container@': {
                    templateUrl: 'App/Views/Admin.html'
                }
            }
        })
        .state('Template.Tab.Company',{
            url: '/company',views: {
                'container@': {
                    templateUrl: 'App/Views/Admin.html'
                },'tabs-views@': {
                    templateUrl: 'App/Views/Company.html'
                }
            }
        })
        .state('Template.Tab.Users',{
            url: '/users','tabs-views@': {
                    templateUrl: 'App/Views/Users.html'
                }
            }
        })

如何修改重写规则以在2段深度的网址上正确加载css?

解决方法

应该有你的道路:
 /Content/bootstrap.min.css

代替:
内容/ bootstrap.min.css

在前面放置一个’/’将根据根目录解析路径.

猜你在找的Angularjs相关文章