Vue.js 有没有办法在phoenix应用程序中设置2个前端？

在这个项目中，我有一个phoenix web应用程序，它提供自己的前端（第5页，在“/”上提供）

我想添加另一个前端（将在/app上提供服务（此前端使用我构建的API）。我决定尝试将另一个前端添加为静态应用，因此我将nuxt配置为生成静态文件：

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

在

numxt.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

---

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

您是否为您的Nuxt应用程序尝试了以下结构

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

---

否则，我们可以找一个，但我很好奇为什么这里可能不会生成

/index

。如果你将你的应用程序重组为一个“保护伞”，当你生成

纱线时，你有所有的路线吗应用程序然后你可以添加第二个前端作为应用程序。只需转到
apps
目录并
mix phx.new.web my_new_frontend
对，我忘了，我认为这是正确的方法是的，这可以工作-pages/posts/index.vue是有效的静态路径，因此它可以渲染
pages/
-- posts/
---- index.vue