Spaサescトをブラウザで動かす
このアプリケーションはメインのWebサイトには依存していないので,別のWebサーバーで動かす必要があります:
1
$水疗中心n>欧宝娱乐app下载地址Symfony服务器:start -d——passthru=index.html
——passthru
フラグを付けて,すべてのHTTPリクエストを公共/ index . html
ファルへ渡すようにWebサバに伝えます(公共/
はWebサバのデフォルトのWebルトディレクトリです)。このページは,超前アプリケーションによって管理され,“ブラウザ”の履歴からページをレンダリングします。
npm
を実行してcssとJavaScriptファereaderルをコンパereaderルしてください:
1
$水疗中心n>再表演。/ node_modules。bin / dev
spaサ卫星城トをブラウザで開いてください:
1
$水疗中心n>欧宝娱乐app下载地址symfony开放:<水疗中心n class="hljs-built_in">当地的水疗中心n>
そして,hello world SPAと見えるか確認してください:
状態をハンドルするル,タ,を追加する
まだ,spaは異なるペ,ジを扱うことができません。複数のペ,ジを実装するには,S欧宝娱乐app下载地址ymfonyのようなル,タ,機能が必要です。preact-routerを使用することにしましょう。入力からURLを受け取り,対応するPreactコンポ,ネントを表示します。
Preact-routerをンストルしてください:
1
$水疗中心n>NPM安装preact-router
Preactコンポ,ネントのホ,ムペ,ジ用のペ,ジを作成してください:
カンファレンスペ,ジも作成してください: