Laravel with VueJS는 링크를 입력하고 페이지를 새로 고침 할 때 404를 반환합니다.

Question

Google의 POC (Proof of Concept) 용 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 

예, 다음 코드는 괜찮 컴파일하면 로그를 확인하려고하면

.