Typescript 如何使用axios将express连接到vue应用程序

我正在尝试将我的本地express api连接到我的Vue应用程序。当我在浏览器中转到“”时，它会按预期显示数组“myArr”值。但我无法让Axios在我的Vue脚本中返回数组值，我一直收到类似“TypeError:无法读取未定义的属性'get'的错误”

我已经找了一段时间了，运气不好。我已经找到了一些线程，它们提供了一个处理cors的解决方案，但我还没能让它们中的任何一个正常工作

如何使“myArr”值显示在我的vue应用程序中

---

这是我的速成脚本：

const express = require('express');

const myArr = ["one", "two", "three"];

console.log("server is starting");
const app = express();
const server = app.listen(3000);

app.get("/all", function sendAll(req, res) {
  res.send(myArr);
});

以下是我的Vue脚本：

<template>
  <div class="container">
    <p>test</p>
    <p class="error" v-if="error">{{ error }}</p>
    <div class="item-container">
      <div
        class="items"
        v-for="(myItem, index) in myItems"
        v-bind:item="myItem"
        v-bind:key="index"
      >
        <p>{{ myItem }}</p>
      </div>
    </div>
  </div>
</template>

<script>
import { axios } from "axios";
export default {
  name: "vue-app",
  data() {
    return {
      myItems: [],
      error: ""
    };
  },
  async created() {
    const res = await axios.get("http://localhost:3000/all");
    this.myItems = res.data;
  }
};
</script>
//style

试验

{{error}
{{myItem}}

从“axios”导入{axios}；
导出默认值{
名称：“vue应用程序”，
数据（）{
返回{
myItems:[]，
错误：“
};
},
异步创建（）{
const res=等待axios.get（“http://localhost:3000/all");
this.myItems=res.data；
}
};
//风格

---

如果我能提供更多信息，请告诉我，我非常感谢任何/所有帮助：）

表示axios现在的价值未定义
解决方案：
替换：

从“axios”导入{axios}

至：
从“axios”导入axios
表示axios的值现在是未定义的

解决方案：

替换：
从“axios”导入{axios}

至：
从“axios”导入axios
谢谢你的评论-我不相信这是有效的。啊，在评论之后，我让它起作用了！我想这是问题之一谢谢你的帮助！谢谢你的评论-我不相信这是有效的。啊，在评论之后，我让它起作用了！我想这是问题之一谢谢你的帮助！