2017-07-20 18 views
1

私はwebappにベースhrefを追加しようとしています。 3000 /充電/#/ログイン角度1のベースhrefとルーティング/ビュー/コントローラ

: - :

  • はlocalhost:> localhostの3000 /#/ログイン

しかし、私はベースHREFまたは "充電" を追加する必要がある現在、すべてが実行している場合に正しく動作します

現在のindex.html

<head> 
<base href="charge/" /> 
<meta charset="utf-8"> 
<meta name="description" content=""> 
<meta name="viewport" content="width=device-width"> 
<link rel="stylesheet" .... 
</head> 

Anuglarルートファイル

function routerConfig($routeProvider, $locationProvider) { 
$routeProvider 
    .when('/map', { 
    templateUrl: 'app/views/main/main.html', 
    controller: 'MainController', 
    controllerAs: 'mainCtrl' 
    }) 
    .when('/login', { 
    templateUrl: 'app/views/login/login.html', 
    controller: 'LoginController', 
    controllerAs: 'loginCtrl' 
    }) 
    .when('/list', { 
    templateUrl: 'app/views/list/list.html', 
    controller: 'ListController', 
    controllerAs: 'listCtrl' 
    }) 
    .when('/reporting', { 
    templateUrl: 'app/views/reporting/reporting.html', 
    controller: 'ReportingController', 
    controllerAs: 'reportingCtrl' 
    }) 
    .otherwise({ 
    redirectTo: '/map' 
    }); 
// $locationProvider.html5Mode(true); 
} 

私はbasehrefで私のアプリを実行して、ローカルホストに移動するたびに:3000 /充電/#/ログイン、基本的にはすべてのビュー、コントローラ、バウアー・コンポーネント、およびモジュールが見つかりません。私はメインのアプリケーションフォルダの名前を変更するルータを編集しようとしましたが、これを動作させることはできません。私は何か小さいものを逃していることを知っているので、どんな助けも大いに評価されます

私の問題はBase Href and Angular Routing and Viewsと非常によく似ていますが、正直なところこれを理解できません。

答えて

2

あなたがChromeを使用していて、デベロッパーコンソールで見れば、それは見つけることができませんリソースのためにどのようなURLを見てください:

http://localhost:8080/charge/app.js

それはの根を見ていますプロジェクト、そしてchargeと呼ばれるフォルダのために、次にリソースのために。

HTML要素は、ドキュメントに含まれるすべての相対 URLに使用するベースURLを指定します。文書には1つの要素 しか存在できません。 - MDN

ここであなたのディレクトリ構造がどのようになっているか教えてください。あなたのプロジェクトファイルが直接ルートにある場合は、 "charge"という名前のサブフォルダを作り、その中にすべてのファイルを入れてみてください。

例:ルート>担当>プロジェクトファイル

参考リンク:AngularJS: Changing App Path, and the Element

+0

シンプルですが、これはトリックをした、ありがとう! – reedb89

0

すべてのソースURLの前に "/"を付けてください。これは、あなたのベースhrefではなく、プロジェクトのルートディレクトリで各パスを開始します。

templateUrl: '/app/views/main/main.html'

関連する問題