项目不同环境配置不同接口域名—小程序入门与实战（十二）

最新推荐文章于 2025-02-15 20:47:18 发布

黔在在

最新推荐文章于 2025-02-15 20:47:18 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/qianzaizai_/article/details/106682420

版权

本文介绍了如何在小程序项目中根据开发环境和生产环境设置不同的请求接口域名。通过新建config.js文件，定义环境变量，区分dev和prod环境，并在合适的时候引用对应的接口地址。这样实现了在开发和生产环境下的接口域名自动切换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上一章节，我们讲了小程序得模块化，怎么封装wx.request来发送请求。

这一章节我们讲的是开发项目过程中在开发环境，生产环境设置不同得请求接口域名。

新建 config.js

在 src/es6 目录，新建一个config.js文件

export default {
    BRAND:{
        name:'guojiangxiansir'
    },
    GLOBAL: {
        baseUrl: process.env.NODE_ENV === 'development' ? 'https://guojiang.club/' : 'https://guojiang.club/' // 运行时自动替换变量
    },
    VERSION:'1.0.0'
}

我们在 config.js 文件定义了两个变量,一个是BRAND一个是GLOBAL

process.env.NODE_ENV不懂什么意思的可以先 console.log(process.env.NODE_ENV)出来看一下，其实是你项目现在所处的环境，是为 development 开发环境，还是production 生产环境。

如果现在 process.env.NODE_ENV == 'development' 就是第一个域名，如果是生产环境就是第二个域名。

项目运行的命令：