输入链接和刷新页面时，带有VueJS的Laravel返回404

Question

我尝试为我们的POC（概念证明）构建一个Laravel VueJS应用程序。我已经把vue-router放进了项目中。它也已经在运作。但是当我尝试去app.js路线中定义的特定页面时，它会返回一个404 error。此外，当我尝试进行常规导航时，包括单击按钮并刷新页面以检查我的更改，它也给了我404.我怎么可能解决这个问题？谢谢您的帮助。已经被困了差不多半天了。

这是我的app.js：

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

我刚用你的代码重新创建了一个项目。它似乎工作正常。

我要说的一件事是，你正在尝试正确的道路吗？

你在下面拜访？

http://localhost:8080/campaigns

要么

http://localhost:8080/#/campaigns

如果是，那么如果代码编译好，请尝试检查日志。