Laravel with VueJSは、リンクを入力してページを更新するときに404を返します。

Question

私は、Para（概念実証）のLaravel VueJSアプリケーションを構築しようとしました。私は既にvue-routerをプロジェクトに入れました。それはすでに働いています。しかし、app.jsのルートで定義された特定のページに移動しようとすると、私は404 errorを返します。また、ボタンをクリックしてページを更新して自分の変更をチェックするという定期的なナビゲーションを試みると、404も表示されます。どうすればこの問題を修正できますか？助けてくれてありがとう。すでに半日近く立ち往生しています。

import Vue from 'vue'; 
import VueRouter from 'vue-router'; 
import VueAxios from 'vue-axios'; 
import axios from 'axios'; 
import App from './App.vue'; 
import Example from './components/ExampleComponent.vue'; 
import CampaignList from './components/admin/campaign-list.vue'; 

Vue.use(VueRouter); 
Vue.use(VueAxios, axios); 

const routes = [{ 
    name: 'Example', 
    path: '/', 
    component: Example 
}, { 
    name: 'CampaignList', 
    path: '/campaigns', 
    component: CampaignList 
}]; 

const router = new VueRouter({ mode: 'history', routes: routes }); 
console.log(router); 
new Vue(Vue.util.extend({ router }, App)).$mount('#app'); 

Answer 1

私はちょうどあなたのコードでプロジェクトを再作成：

は、ここに私のapp.jsです。そして、それはうまく動作しているようです。

私が言っていることは、あなたが正しい道を試しているということですか？

あなたは下記を訪問していますか？

http://localhost:8080/campaigns 

または

http://localhost:8080/#/campaigns 

そうならば、あなたのコードは大丈夫コンパイルする場合は、ログをチェックしてみてください。