结合bootstrap和查询天气接口axios做的查询天气小demo

结合bootstrap和查询天气接口axios做的查询天气小demo

 1、查询天气接口：http://wthrcdn.etouch.cn/weather_mini?city=城市名称

2、引入bootstrap.min.css:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

3、使用bootstrap必须先引入jq库，并放于bootstrap前面：

        <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
        <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
        <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>

4、引入在线的axios地址：

        <!-- 官网提供的axios在线地址 -->
        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

5、注意：

火狐浏览器可能报错cors请求未能成功，这里建议使用IE浏览器。

当然，错误原