Question

我正在将laravel网站更新为vue spa，出于测试目的，我目前在vue中只有2条路线。

单击页面上的术语链接时，它可以正常工作并呈现组件。

但是当我刷新/ terms页面应用程序时会引发404错误。

任何猜测都是怎么回事。

routes.js

  import Home from './components/Home.vue';
  import Terms from './components/Terms.vue';

  export const routes = [
      {
          path: '/',
          component: Home
      },
      {
          path: '/terms',
          component: Terms
      }
  ];

app.js

require（'./ bootstrap'）;

            import Vue from 'vue';
            import VueRouter from 'vue-router';
            import Vuex from 'vuex';

            import {routes} from './routes';
            import StoreDate from './store';
            import MainApp from './components/MailApp.vue';


            Vue.use(VueRouter);
            Vue.use(Vuex);

            const store = new Vuex.Store(StoreDate);

            const router = new VueRouter({
                routes,
                mode: 'history'
            });


            /**
             * Next, we will create a fresh Vue application instance and attach it to
             * the page. Then, you may begin adding components to this application
             * or customize the JavaScript scaffolding to fit your unique needs.
             */

            Vue.component('tasks', require('./components/Tasks.vue'));

            const app = new Vue({
                el: '#app',
                router,
                store,
                components: {
                    MainApp
                }
            });

遵循此视频指南 https://www.youtube.com/watch?v=6FSa6XET8MY

Answer 1

您也需要在Laravel中添加术语路线，或在Laravel网络路线中的404上返回水疗视图

Laravel 5.6和vue.js路由器404

1 个答案: