阿多尼斯 5 + Vue "E_ROUTE_NOT_FOUND"

Question

我正在开发一个以 Vue 2 作为前端的 Adonis v5 应用程序。我的问题是，一旦我将 Vue 前端构建到 public 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");

阿多尼斯static.ts:

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

If I write localhost:3333 on the browser I redirects to /access (Correct)

But if I refresh the page, or browse manually the same route, the error shows

知道它会是什么吗？谢谢你的时间。

Answer 1

在互联网上查看了一些其他项目后，我发现如果您在 vue-router 上使用 mode: "history"，它会弹出错误。

所以我试着评论这一行，现在我可以刷新页面而不会出现 E_ROUTE_NOT_FOUND 错误。

前端 Vue router.js:

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

阿多尼斯 5 + Vue "E_ROUTE_NOT_FOUND"

Adonis 5 + Vue "E_ROUTE_NOT_FOUND"

javascript

vue.js

vue-router

adonis.js