vue.js - 有没有办法在凤凰应用程序中设置 2 个前端？

在项目中，我有 phoenix web 应用程序，它服务于自己的前端（webpack 5，服务于“/”）

  plug Plug.Static,
    at: "/",
    from: :myapp_web,
    gzip: false,
    only: ~w(css fonts images js robots.txt favicon.ico)

我想添加另一个前端（将在 /app 上提供（这个前端使用我构建的 API）。我决定尝试添加另一个前端作为静态应用程序，所以我配置了 nuxt 来构建静态文件：

export default {
  ssr: false,
  target: 'static'

正确nuxt.config.js配置端点：

 plug Plug.Static,
    at: "/app",
    from: "myapp-app/dist",
    gzip: false

这允许工作（但只是部分）：

您可以通过打开并继续使用应用程序进入应用localhost:4000/app/index.html程序（因为JS正在加载由nuxt生成的部分视图（并通过window.href更改url）
通过在地址栏中输入进入应用程序时localhost:4000/app/posts以下文件不存在（这是预期的，因为由nuxt生成的html部分位于/posts/index.html

我想找到解决该问题的方法 - 通过更改 Endpoint 中的路径（从 localhost:4000/posts/index.html 访问 localhost:4000/posts 渲染文件时），但是，我不知道该怎么做. 我在想这是否是正确的方法，如果不是，我应该如何进行？

标签： vue.jselixirnuxt.jsphoenix

您是否为 Nuxt 应用尝试过以下结构？

pages/
-- posts/
---- index.vue

否则，我们可以寻找重定向，但我很好奇为什么/index这里可能不会生成。你有你所有的路线当你yarn generate吗？