Laravelでのmixファイル指定

Question

前提・実現したいこと

laravel6を初めて使います。
いろんなサイトを参考に写経しておりますが、初歩的なことで詰まっています。

laravel-mixを使ってcssとjsファイルを読み込もうとしていますが、うまく読んでくれません。

「mix」の指定をするには何か特別な設定が必要なのでしょうか？
ご教授よろしくお願いいたします。

発生している問題・エラーメッセージ

以下が実際にhtmlに吐き出されたソースですが、「http://localhost/」直下に
cssとjsのフォルダが来ています。
http://localhost/css/app.css
http://localhost/js/app.js

実際のフォルダ構成は
http://localhost/aaa/bbb/public/css/app.css
http://localhost/aaa/bbb/public/js/app.js
です。

該当のソースコード

<link rel="stylesheet" href="{{ mix('css/app.css') }}">
<script src="{{ mix('js/app.js') }}"></script>

試したこと

「href="{{ mix('css/app.css') }}"」の「mix」の部分を「asset」にすると正しいパスになり、正常に読み込むことが出来ます。

補足情報（FW/ツールのバージョンなど）

Laravel: 6.9.0
php: 7.4.1
Vue: 3.2.1
vue-router: 3.1.3

Answer 1

Laravel使うなら普通はhttp://localhost/がトップページになるように使う。

http://localhost/aaa/bbb/public/でしか表示できてないなら使ってるローカルサーバーが悪い。

初心者のローカルサーバーはphp artisan serveでいい。
これならhttp://localhost:8000/で表示。

http://localhost/で使うなんてことはわざわざ説明するまでもない常識なんだけど
教えてる側が初心者すぎるとpublicが見えてる動かし方を平気で教える。

どこか設定すればhttp://localhost/aaa/bbb/public/でも正しく表示する方法はあるけどそんな特殊な回避方法覚えても何の役にも立たない。

Comments

[tampopopofu]

ご回答ありがとうございます。
そうなんですね。そういうことでしたら納得です。

けど例えば、ローカルで複数のものを作ろうとしたときにフォルダ分けしたいなと思いまして。

ローカルサーバー直下以外が特殊な回避方法になるとは思いませんでした…。