エックスサーバーのように、CakePHPのプロジェクトと、DocumentRootの対応付けをできない場合には、
AssetMixヘルパーのjsエラーが発生してしまいます。
これを回避するには、色々な方法があるかと思いますが、
手軽に解決できる方法としては、下記のように修正することで、エラーがなくなります。
修正前
|
1 2 3 4 5 6 |
<?= $this->AssetMix->script('app') ?> <div id="app"> <h1>Hoges</h1> <!-- Load Hoge component --> <app-hoge></app-hoge> </div> |
修正後
|
1 2 3 4 5 6 |
<?= $this->AssetMix->script('//ドメイン名/プロジェクト名/webroot/js/app') ?> <div id="app"> <h1>Hoges</h1> <!-- Load Hoge component --> <app-hoge></app-hoge> </div> |
jsをこのように修正することで、Vue.jsを本格的に利用することが可能です。
ぜひ、参考にしていただければと思います。
