Question

我有一个带羽毛的nuxt.js项目。客户端和服务器是针对不同的实体，您可以单独启动它们。客户端使用nuxt.js.我想配置生产和开发设置。

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

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

我想要的是，如果我使用'npm run dev'启动客户端，则使用开发设置。我想要...一个不同的标题和不同的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的建议进行操作，但请更进一步。安装https://github.com/nuxt-community/dotenv-module并添加一个.env文件，以便您可以在Nuxt.js代码库中的任何位置访问它。现在，除了可以从命令行调用特定于环境的构建之外，您还可以在开发人员或生产环境中自定义特定于环境的文件。

nuxt.js - ＆gt;如何配置生产/开发设置

2 个答案: