2016-11-16 7 views
0

route-hrefアンカーを経由せずに直接リンクを訪れる際に問題があります。たとえば、ページ上に立ってリフレッシュしたり、ブラウザウィンドウにリンクを貼り付けることができます。アンカーを経由せずに直接サブールにアクセスすると、Aureliaにエラーが発生します

http://localhost:9000/boards

http://localhost:9000/cards

動作しないもの::

http://localhost:9000/boards/1

http://localhost:9000/boards/anysuburl

エラーどのような作品

私はベンダーの束をしてパスを変更した場合から

GET http://localhost:9000/boards/scripts/vendor-bundle.js 404 (Not Found) 

<script src="scripts/vendor-bundle.js" data-main="aurelia-bootstrapper"></script> 

へ:私は、取得したベンダーバンドルが解決され

<script src="/scripts/vendor-bundle.js" data-main="aurelia-bootstrapper"></script> 

が、私は同じエラーを取得しますon app-bundle.js

ルータの設定方法:

私は「/ページ」試してみました
 configureRouter(config, router) { 
config.title = 'Aurelia'; 
config.options.pushState = true; 
config.options.root = '/'; 
config.map([ 
    { 
    route: ['', 'cards'], 
    name: 'cards', 
    moduleId: './pages/cards/cards', 
    nav: true, 
    title: 'Cards', 
    }, 
    { 
    route: ['boards'], 
    name: 'boards', 
    moduleId: './pages/boards/index', 
    nav: true, 
    title: 'Boards', 
    }, 
    { 
    route: ['boards/:id'], 
    name: 'board', 
    moduleId: './pages/boards/details', 
    title: 'Board', 
    } 

、」./pages'と同じ結果に 『ページ』

+0

をあなたは持っていますかベースタグは定義されていますか? https://developer.mozilla.org/en/docs/Web/HTML/Element/base – mgiesa

+0

ベースタグが問題を修正しました。ありがとう:) – Sathees

+0

素晴らしい。私は答えとしてそれを追加しました – mgiesa

答えて

1

このように、あなたのHTMLにベースタグを追加します。

<base href="/"> 
関連する問題