我尝试为我们的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');
答案 0 :(得分:0)
我刚用你的代码重新创建了一个项目。而且似乎工作正常。
我要说的一件事是,你正在尝试正确的道路吗?
你在下面来访吗?
http://localhost:8080/campaigns
或
http://localhost:8080/#/campaigns
如果是,请尝试检查日志,如果代码编译好的话。