Axios无法在localhost Vue.js上运行，但可以在外部API上运行

Question

每当我将axios与外部API一起使用时，它都会正确获取数据并将其放入info变量中。

但是，每当我尝试在自己的本地主机环境上使用此功能时，它都不会返回任何内容，也不会显示任何控制台错误。

vue js

 <script type="module">

        new Vue({
            el: '#app',
            data() {
                return {
                    info: null
                }
            },
            mounted: function () {
                axios
                    .get("https://localhost:44331/Api/ShowRecipes/test/test") 
                    .then(response => this.info = response.data.bpi)
            }
        })

    </script>

api响应json

[
  {
    "Id": 1,
    "IngredientName": "something",
    "IngredientCategory": "other",
    "Calories": 100
  },

html

<div id="app">
   @RenderBody()
   {{ info }}
</div>

以此类推。是因为您无法在localhost上对其进行测试吗？还是我的api做错了什么？