Adonis 5+ Vue "E_ROUTE_NOT_FOUND“

Question

我正在用Vue 2做一个Adonis v5应用程序。我的问题是，一旦我将Vue前端构建到公共adonis文件夹中。如果我访问一条特定的路径，将其写入顶级浏览器搜索程序，我将从Adonis获得E_ROUTE_NOT_FOUND。

我确实认为adonis试图搜索路由到服务器的路由器，而不是Vue路由器。尽管adonis配置为使用静态文件，但是第一个前端页面可以工作：

Vue router.js：

Vue.use(VueRouter);
const routes = [
{
 path: "/",
 redirect: { name: "acceso" },
},
{
 path: "/acceso",
 name: "acceso",
 component: SignupView,
 meta: { guestAllow: true },
}];

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

Adonis routes.ts (它不应该影响到前缀：

Route.group(() => {
  Route.group(() => {
    Route.post("register", "AuthController.register");
    Route.post("login", "AuthController.login");
  }).prefix("auth");
  Route.group(() => {
    Route.get("logs", "LogsController.index");
  }).middleware("auth:api");
}).prefix("/api");

Adonis static.ts：

import { AssetsConfig } from '@ioc:Adonis/Core/Static'
const staticConfig: AssetsConfig = {
 enabled: true,
 dotFiles: 'ignore',
 etag: true,
 lastModified: true,
 maxAge: 0,
 immutable: false,
}

如果在浏览器上写入localhost:3333，则重定向到/access (正确)

但是，如果我刷新页面，或者手动浏览同一条路由，错误将显示

知道会是什么吗？谢谢您抽时间见我。

Answer 1

在互联网上查看了其他一些项目之后，我看到如果你在vue-路由器上使用mode: "history"，它会弹出错误。

因此，我试图注释这一行，现在我可以在没有E_ROUTE_NOT_FOUND错误的情况下刷新页面。

前端Vue router.js：

const router = new Router({
  //mode: "history",
  routes,
});