Question

我已经安装了带节点的vue-router。这是我的项目网址http://localhost/UserApp/public。

我使用的两条vue路线是/home＆amp; /about 所以当我点击主页路线时。它将我重定向到http://localhost/home 但它应该是http://localhost/UserApp/public/home。所以当我重新加载页面时。它抛出object not found错误。由于没有http://localhost/home等路线。我该如何解决这个问题？

app.js

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

const routes = [
  { path: '/home', component: Home },
  { path: '/about', component: About }
]

const router = new VueRouter({
   mode : 'history',
   routes // short for `routes: routes`
})

web.php

Route::get('/{name}',function(){
    return redirect('/');
})->where('name','[A-Za-z]+');

Myheader.vue

<router-link to="/home" class="navbar-item">Home</router-link>
<router-link to="/about" class="navbar-item">About</router-link>

Answer 1

您需要在vue-router的配置中更改基本应用程序路径，

DOCS：https://router.vuejs.org/en/api/options.html#base

base 应该是/UserApp/public我能说的话

作为路由选项，请尝试：

Route::get('/{any}', function(){
    return view('index');
})->where('any', '.*');

Vue-router无法正常工作

1 个答案: