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

【问题标题】：Laravel with VueJS returns 404 when typing link and refreshing page输入链接和刷新页面时，带有 VueJS 的 Laravel 返回 404
【发布时间】：2017-12-29 09:54:15
【问题描述】：

我尝试为我们的 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');

【问题讨论】：

对vue不是很熟悉，但是调试的时候看到了什么。路线应该映射到某个地方/返回一些东西。它到达那里了吗？
你使用的是什么版本的 Vue？在我看来，您向 Vue 注册路由器的方式并不正确。它应该使用new Vue({router}).$mount('#app');，但这可能是我不熟悉的版本。

标签： javascript php laravel vue.js

【解决方案1】：

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

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

你在下面访问吗？

http://localhost:8080/campaigns

或

http://localhost:8080/#/campaigns

如果是，请尝试检查日志，如果您的代码编译正常。

【讨论】：