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

Question

在项目中，我有一个 phoenix 网络应用程序，它提供自己的前端（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生成的部分视图（并且将url改为window.href）
在地址栏输入localhost:4000/app/posts进入应用时，下面的文件不存在（这是预料之中的，因为nuxt生成的html部分位于/posts/index.html

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

Answer 1

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

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

否则，我们可以寻找一个 redirect 但我很好奇为什么 /index 可能不会在这里生成。当你 yarn generate?

时，你有所有的路线吗？

Is there a way to setup 2 frontends in phoenix app?