webpack - 如何根据运行环境设置接口地址？

问题描述

问 题

如何根据运行环境设置接口地址？如何判断当前程序的运行环境？（运行环境是指生产、测试、开发）
比如，生产环境和测试环境的接口地址不一样，前端代码中应该怎么去区分？

我的思路是，打包的时候，把env.NODE_ENV写入到浏览器运行的代码中，这样前端就可以获取env.NODE_ENV，从而进行判断。
或者是，在打包的时候，对指定文件进行检索，根据env.NODE_ENV对某个关键字进行替换，比如检索host，生产环境把host换成a，测试环境把host换成b

具体应该怎么操作？我打包用的是webpack。或者有没有更好的办法？

解决方案

谢邀，webpack 官方提供了一个 definePlugin，专门用来定义一些变量，通常我们把用于类似开发和生产环境的切换上。https://webpack.github.io/docs/list-of-plugins.html#defineplugin

这篇关于webpack - 如何根据运行环境设置接口地址？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！