角度：HTML5形式のURLは、私はこのような角度で（なし '＃'）HTML5形式のURLをオン

Question

なしスタイルシートでレンダリングされます。

$locationProvider.html5Mode({ 
    enabled: true, 
    requireBase: true 
}); 

そして、ベースタグを追加：

<base href="/"> 

を今度はhttp://profile.myapp.com/show/1234に移動すると、スタイルが適用されずにページがレンダリングされます。

ただし、「＃」でURLを使用すると、ページが正しくレンダリングされます。同様に、HTML5スタイルのURLを無効にすると、ページが正しくレンダリングされます。ガルプタスクを介して注入

/** @ngInject */ 
function routerConfig($stateProvider, $urlRouterProvider) { 

    $stateProvider 
     .state('showProfile', { 
      url: '/show/:id', 
      templateUrl: 'app/profile/profile.html', 
      controller: 'ProfileController', 
      controllerAs: 'profileController' 
     }); 

    $urlRouterProvider.otherwise('/show/1234'); 
} 

CSS：

CSSをがぶ飲みタスクfrom this Yeoman Generatorを介して注入され

私はで構成されたUI-ルータを、使用しています。 = gulp.src（[ path.join

のvar injectFiles（conf.paths.src、 '/app/**/*.scss'）、 ：

<!-- build:css({.tmp/serve,src}) styles/app.css --> 
<!-- inject:css --> 
<link rel="stylesheet" href="app/index.css"> 
<!-- endinject --> 
<!-- endbuild --> 

タスクは次のようになりますpath.join（ '！' + conf.paths.src、 '/app/index.scss'） ] {read：false}）;

var injectOptions = { 
    transform: function(filePath) { 
    filePath = filePath.replace(conf.paths.src + '/app/', ''); 
    return '@import "' + filePath + '";'; 
    }, 
    starttag: '// injector', 
    endtag: '// endinjector', 
    addRootSlash: false 
}; 

質問：

なぜこれが起こると、HTML5形式のURLを使用していない以外、私はそれを修正するために行うことができる何かがあるのでしょうか？

Answer 1

この問題は、ベースタグ<base href="/">を本文からヘッドセクションに移動することで解決されたようです。