小编Mor*_*ube的帖子

我想在 Sapper 中实现一个简单的页面（路由）转换。例如，使用 Nuxt 很容易实现的东西。有谁知道如何使用 Sapper 实现这一点？

我已经使用 transition:fade 指令将我的页面内容包装到一个 div 中。这有效。然而，这两个页面同时转换，这意味着当一个页面转换出另一个页面时，另一个已经转换了。如果有人指出我正确的方向，那就太好了。谢谢！

我正在使用 Zeit/Now 部署 Nuxt 应用程序。在开发阶段，我使用一个.env文件将机密存储到我的 Contentful CMS，process.env并使用 nuxt-dotenv 包公开机密。为此，我在 nuxt.config 的顶部调用了require('dotenv').config().

然后我用 Zeit/Now 存储了这些机密，并创建了一个 now.json 来为构建和运行时设置它们，如下所示：

{
    "env": {
        "DEMO_ID": "@demo_id"
    },
    "build": {
        "env": {
          "DEMO_ID": "@demo_id"
        }
    }
}

使用该设置，构建仅适用于索引页面，所有 Javascript 都不起作用。只有当我将 env-property 添加到nuxt.config.js文件时，该应用程序才开始在 Zeit-server 上正常工作。

require('dotenv').config()

export default {
...
env: {
   DEMO_ID: process.env.DEMO_ID
  },
...
  modules: [
    '@nuxtjs/dotenv'
  ],
...
}

但是：当我检查上传的 Javascript 文件时，我的秘密被暴露了，这显然是我不想要的。

我在这里做错了什么？谢谢你的帮助。

我已经在整个互联网上搜索了我的问题的答案。到目前为止还没有运气。

我想要实现的目标：我有一个在通用模式下运行的 Nuxt 应用程序。它就像一个小型社交网络，用户可以在其中创建自己的个人资料并分享他们的工作。

因此，我正在使用动态路由（users/_id.vue）从 url 获取参数并从我的数据库（firebase）获取适当的数据。到目前为止，一切都很好。

我想用静态主机（Netlify 或 Zeit Now）托管它，并且我知道可以通过生成配置呈现动态路由。但这不是我想要的。对于这个特定的路线，我可以使用空 shell，然后异步 Javascript 访问 API 并用数据填充 shell。SEO 在这里并不重要，因为配置文件无论如何都在身份验证后面。

我需要的只是 Nuxt 生成一个“捕获所有”文件，然后呈现用户配置文件客户端（users/martha 或 users/johndoe）。Gridsome 通过从 _id.vue 文件中渲染 _id.html 来实现这一点。Nuxt 也有办法做同样的事情吗？

谢谢你在这里帮助我。

我正在尝试docker-compose在开发环境中本地运行我的 Node 项目以及 Firestore 模拟器。

我的 Node 项目有一个 Dockerfile，如下所示：

WORKDIR /app

ADD package*.json ./

RUN npm install

ADD bin ./bin

CMD [ "npm", "run", "dev" ]

然后我有一个单独的 Dockerfile，Dockerfile.firestore用于容器化 Firestore 模拟器。这个 Dockerfile 看起来像这样：

FROM node:alpine

RUN apk add openjdk11

RUN npm install -g firebase-tools

WORKDIR /app

CMD [ "firebase", "--project=xrechnung-app", "emulators:start", "--only", "firestore" ]

docker-compose.yml 的写法如下：

version: "3"
services:
  api:
    image: api
    build:
      context: api
      dockerfile: Dockerfile.dev
    depends_on:
      - db
    environment:
      - PORT=3000
    ports:
      - 3000:3000
    volumes: …