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

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

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

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

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

Q&A

解決済

1回答

600閲覧

LaravelとVuejsのrouterについて

temple_093

総合スコア9

Vue.js

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

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

0グッド

0クリップ

投稿2020/05/13 00:05

現在勉強中で以下の通りアプリを作成したいと思っております。

ログインなしで閲覧できる申込画面をVuejsで作成して
登録はLaravelの機能で行う。

申込情報やユーザー一覧情報を閲覧編集できる管理画面をLaravel
で作成する。

両者ともそれぞれ機能はできました。
しかしながら、Laravelで管理画面を作ってから
Vuejsで画面を作ったあとに気づいたのですが、URLにアクセスしたら
Vuejsで作っていた router.jsの機能が働き、その前に作っていた
Laravelのルーティングが機能しなくなりました。

この場合どのようにして、分岐させればよいでしょうか?

例:
example.com ⇒ Vuejsで作った申込画面
example.com/manage/ ⇒ laravelで作った管理画面

Vuejsにて、router.jsで
/ ⇒ 申込画面トップ にしていて、申込画面で使う確認画面などのパスも
このファイルに記載しています
【router.js】の一部抜粋

{ path: '/', component: RegParent, children: [ { path: "/", component: RegInput01 }, { path: "/reg_inp02", component: RegInput02 }, { path: "/reg_confirm", component: RegConfirm, meta: { isConfirm: true } } ] }

こちらに管理画面用のルーター/manage を書けば良さそうな気がするのですが
できれば、Vuejsで作るフロント部分と、管理画面で作るバックエンド部分の
プログラムは分けて書きたいと思っています。

ちなみにLaravelの機能を作っていた際は、web.phpに記載していました。
ご教授お願いします。

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

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

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

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

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

guest

回答1

0

自己解決

よく見たら、web.phpで

Route::get('/{any}', function () { return view('front.welcome'); })->where('any','.*');

の記載をしていた為でした。

Route::get('/', function () { return view('front.welcome'); });

に変更したら他のページにもアクセスできました。
もう少し勉強します。

投稿2020/05/13 00:44

temple_093

総合スコア9

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問