nuxt.js -> 如何配置 production/development 设置

Question

我有一个 nuxt.js 项目有羽毛。客户端和服务器是不同的实体，你分别启动它们。客户端使用 nuxt.js。我想配置生产和开发设置。

目前我的 nuxt.config.js 看起来像这样：

module.exports = {
    head: {
        title: "SITE TITLE"
    },
    env: {
        backendUrl: 'http://localhost:3001'
    }
};

我想要的是，如果我使用 'npm run dev' 开发设置启动客户端。我想要例如不同的 header 和不同的 backendUrl。

问题

我需要做什么来实现这个？

Answer 1

在我的项目中

我把这段代码放在nuxt.config.js

const config = {
    test: process.env.NODE_ENV !== 'production' ? 'devdevdevelopment' : 'proproproduction',
    apiserver: process.env.NODE_ENV !== 'production' ? 'developement apiserver' : 'production vbvbvbvbv apiserver',
}
module.exports = {
    env: {
        dev:config.test,
        server:config.apiserver
    },
}

这样做，您可以根据开发或生产模式动态设置环境变量。

这段代码对我有用。如果您有比此解决方案更好的方法，请告诉我。 :)

Answer 2

我会这样做 HninYuKo has suggested but take it a step further. Install https://github.com/nuxt-community/dotenv-module 并添加一个 .env 文件，这样您就可以在 Nuxt.js 代码库的任何地方访问它。除了能够从命令行调用特定于环境的构建之外，您现在还拥有可以在开发或生产中自定义的特定于环境的文件。

nuxt.js -> 如何配置 production/development 设置

nuxt.js -> Howto configure production/development settings

nuxt.js