162/210
ionicのWEBアプリをサブディレクトリにアップする方法・・・あれれ？
前回、ionicでビルドしたwww直下のファイルやフォルダ達をサーバーのサブディレクトリにアップする事に成功しました。
それで、先ほど、調子に乗って開発途中のGamebookアプリもアップしてみた訳です。
・表紙も各種テキスト(別なJSONファイルからセット)もちゃんと表示
・シナリオもページごとに問題なく表示
・サイコロを振るページも・・・あれ？表示されていない？？？
調べて見ると、画像ファイルのパスがサーバのwww直下を相対パスの開始位置にしている模様。
昨日テストに使ったアプリも画像は使っていましたが、CSS内で定義しているので引っかからなかった模様。
(今回のサイコロは<img>タグをHTMLファイル内に直接使っています。)
解決方法は複数思い付きますが、根本的解決では無いです・・・
多分、ionicコンポーネントあたりに解決できそうなものがあれば良いのですが・・・
ion-thumbnailも試しましたが、表示も納得いかないし、多分、ブラウザの画像リンクを見る限り、うまく行くとは思えません。
現在は
<img src="../../assets/gamebook/image/cube1.gif" class="imgDice" [hidden]="Dice1Value!='1'" (click)="fnOnClickDice1()">
こんな感じでsrcをベタ打ちしてますが、home.page.tsで処理するのが良いかもしれません。
なお、ちょっと話はずれますが、wwwフォルダ内のsvgサブディレクトリは移行しなくても良いかもしれません。(もちろん使っていないのであればですが)
今の所、問題は起きていませんがお守り的にはアップもあり？
