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

时间:2017-12-29 09:54:16

标签: javascript php laravel vue.js

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

1 个答案:

答案 0 :(得分:0)

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

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

你在下面来访吗?

http://localhost:8080/campaigns

http://localhost:8080/#/campaigns

如果是,请尝试检查日志,如果代码编译好的话。