用bootstrap4和jq写一个根据环境判断请求接口

好的，我可以帮你写一个简单的示例代码。首先需要引入Bootstrap 4和jQuery的CDN链接，如下所示：

<!-- Bootstrap 4 CSS -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">

<!-- jQuery -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<!-- Bootstrap 4 JS -->
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>

接下来，我们需要在页面中添加一个按钮和一个显示请求结果的元素，如下所示：

<button id="btn-request" class="btn btn-primary">请求接口</button>
<div id="result"></div>

然后，我们可以使用jQuery编写一个事件处理函数，当按钮被点击时，会根据当前环境判断请求对应的接口，并将请求结果显示在页面上，代码如下所示：

$(function() {
  $('#btn-request').click(function() {
    var environment = 'production'; // 假设当前环境为生产环境
    var apiUrl = environment === 'production' ? '/api/production' : '/api/development'; // 根据环境判断请求接口
    $.ajax({
      url: apiUrl,
      type: 'GET',
      success: function(response) {
        $('#result').text(JSON.stringify(response)); // 将请求结果显示在页面上
      },
      error: function(error) {
        $('#result').text('请求接口失败：' + error.statusText); // 将错误信息显示在页面上
      }
    });
  });
});

在上面的代码中，我们使用了一个变量`environment`来表示当前环境，假设当前环境为生产环境，那么请求的接口就是`/api/production`，否则就是`/api/development`。当按钮被点击时，我们使用`$.ajax()`方法发送GET请求，并根据请求结果将其显示在页面上。

希望这个简单的示例代码可以帮到你，如果有其他问题，欢迎继续提问。