Php 如何使vue路由器模式历史与laravel路由一起工作
我目前有一个使用Vuejs VueRouter和Laravel的水疗中心。我想做的是让用户的体验尽可能流畅。我定义了laravel路线和vue路线。目前我面临的问题是,当我设置mode:history,然后刷新页面时。它将数据显示为json 假设我击中了这个端点: 本地主机:8080/用户 页面将按预期显示(本例中为Vue组件) 但如果我刷新页面,它将显示以下内容:Php 如何使vue路由器模式历史与laravel路由一起工作,php,laravel,laravel-5,vuejs2,vue-router,Php,Laravel,Laravel 5,Vuejs2,Vue Router,我目前有一个使用Vuejs VueRouter和Laravel的水疗中心。我想做的是让用户的体验尽可能流畅。我定义了laravel路线和vue路线。目前我面临的问题是,当我设置mode:history,然后刷新页面时。它将数据显示为json 假设我击中了这个端点: 本地主机:8080/用户 页面将按预期显示(本例中为Vue组件) 但如果我刷新页面,它将显示以下内容: user { name: "test", id: "1" } 这是我的vue路线 import User from './c
user {
name: "test",
id: "1"
}
这是我的vue路线
import User from './components/user/User';
export default {
mode: 'history',
routes: [
{
path: '/user',
name: 'user',
component: User
}
]
}
这是我的拉威尔路线
Route::get('user', 'UserController@index');
Route::get('/{any}', 'AppController@index')->where('any', '.*');
这是app.js
import Vue from 'vue';
import VueRouter from 'vue-router';
import routes from './routes';
import App from './components/App';
Vue.use(VueRouter);
require('./bootstrap');
window.Vue = require('vue');
let app = new Vue({
el: '#app',
components: {
App
},
router: new VueRouter(routes)
});
我如何才能在页面刷新时仍然显示vue组件,而不显示该方法从后端返回的内容
import VueRouter from 'vue-router'
Vue.use(VueRouter)
let routes = [
{ path: '/Users', component: require('./components/Users.vue').default},
]
const router = new VueRouter({
mode: 'history',
routes
})
如果您需要添加组件,只需创建它,然后像这样引用它
别忘了在#应用程序上这样引用路由器
const app = new Vue({
el: '#app',
router
});
最后检查控制台是否有任何其他错误是否可以添加screen short app.js文件?刚刚更新如果您的laravel和vue路由冲突,则无法添加该文件。@Viney不可能?那么vue路由器和laravel是如何协同工作的呢??有人如何使用bothI在我的问题中添加了我的app.js来构建SPA?请尝试这些并告诉我