質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.47%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

Q&A

解決済

1回答

1244閲覧

Laravel + VueJSをサブディレクトリで運用

TJMYK

総合スコア82

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

0グッド

0クリップ

投稿2019/06/05 11:58

編集2019/06/05 13:38

Laravel + VueJSでアプリケーションを開発しています。
トップディレクトリ(例えばhttp://www.example.com/)に設置した場合は、正しくVueJSの内容が表示されますが、
サブディレクトリ(例えばhttp://www.example.com/sub)に設置した場合は、正しくVueJSの内容が表示されません。

おそらく、assetspublicpathに関連しているのだと思うのですが、どこで設定するか、設定箇所が見当たらず困っています。

なにかご存知の方、いらっしゃいましたら、ご教授をお願いいたします。

試したこと

以下は、正しく動作

php artisan serv

以下は、http://127.0.0.1:8000/public.index.phpにアクセスすると上記の問題が発生

php -S 0.0.0.0:8000

使用しているバージョンなど

"devDependencies": { "axios": "^0.19.0", "babel-polyfill": "^6.26.0", "bootstrap": "^4.3.1", "cross-env": "^5.1", "jquery": "^3.4.1", "laravel-mix": "^1.0", "lodash": "^4.17.4", "vue": "^2.6.10", "vue-router": "^3.0.6", "vuetify": "^1.5.14" }

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

routerで

base: '/sub/',

を指定することで解決しました!

export default new Router({ mode: 'history', base: '/sub/', routes: [ { path: '/', name: 'Index', component: Index }, ] });

投稿2019/06/05 15:17

TJMYK

総合スコア82

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問