Javascript 无法读取属性'；邮政'；使用vue.js和axios定义未定义的

我是Vue js的新手，我遇到了这个错误

 <form @submit.prevent="store()">
          <div class="mb-3">
            <label for="" class="form-label">Name</label>
            <input
              type="text"
              class="form-control"
              v-model="product.name"
            />
            <div class="text-danger">Validation Message</div>
          </div>
          <div class="mb-3">
            <label for="" class="form-label">Detail</label>
            <textarea
              class="form-control"
              id=""
              cols="10"
              rows="3"
              v-model="product.detail"
            ></textarea>
            <div class="text-danger">Validation Message</div>
          </div>
          <div class="mb-3">
            <label for="" class="form-label">Stock</label>
            <input
              type="number"
              class="form-control"
              v-model="product.stock"
            />
            <div class="text-danger">Validation Message</div>
          </div>
          <div class="mb-3">
            <label for="" class="form-label">Type</label>
            <select id="" class="form-control" v-model="product.type">
              <option value="soft">Soft</option>
              <option value="hard">Hard</option>
            </select>
            <div class="text-danger">Validation Message</div>
          </div>
          <button
            type="submit"
            class="btn btn-sm btn-outline-success shadow"
          >
            Submit
          </button>
        </form>

vue.js:1400未捕获类型错误：无法读取未定义的属性“post” 在Proxy.store（D:\Workspace\Web\Laravue client\src\views\product\create.vue:86）

我跟随了youtube上某个人的教程，但那个人没有得到这个错误

 <form @submit.prevent="store()">
          <div class="mb-3">
            <label for="" class="form-label">Name</label>
            <input
              type="text"
              class="form-control"
              v-model="product.name"
            />
            <div class="text-danger">Validation Message</div>
          </div>
          <div class="mb-3">
            <label for="" class="form-label">Detail</label>
            <textarea
              class="form-control"
              id=""
              cols="10"
              rows="3"
              v-model="product.detail"
            ></textarea>
            <div class="text-danger">Validation Message</div>
          </div>
          <div class="mb-3">
            <label for="" class="form-label">Stock</label>
            <input
              type="number"
              class="form-control"
              v-model="product.stock"
            />
            <div class="text-danger">Validation Message</div>
          </div>
          <div class="mb-3">
            <label for="" class="form-label">Type</label>
            <select id="" class="form-control" v-model="product.type">
              <option value="soft">Soft</option>
              <option value="hard">Hard</option>
            </select>
            <div class="text-danger">Validation Message</div>
          </div>
          <button
            type="submit"
            class="btn btn-sm btn-outline-success shadow"
          >
            Submit
          </button>
        </form>

名称
验证消息
细节
验证消息
股票
验证消息
类型
软的
硬的
验证消息
提交

这是我使用Vue js的脚本

<script>
import { reactive, ref } from "vue";
import { useRouter } from "vue-router";
import { axios } from "axios";
export default {
  setup() {
    const product = reactive({
      name: "",
      detail: "",
      stock: "",
      type: "",
    });
const validation = ref([]);

const router = useRouter();

function store() {
  axios
    .post("http://127.0.0.1:8000/api/product", product)
    .then(() => {
      router.push({
        name: "product.index",
      });
    })
    .catch((err) => {
      console.log(err.response)
    });
}

return {
  product,
  validation,
  router,
  store,
};
      },
    };
    </script>

从“vue”导入{reactive，ref}；
从“vue路由器”导入{useRouter}；
从“axios”导入{axios}；
导出默认值{
设置（）{
常数乘积=无功({
姓名：“，
详情：“，
股票：“，
类型：“，
});
常量验证=ref（[]）；
const router=useRouter（）；
函数存储（）{
axios
.post（“http://127.0.0.1:8000/api/product“，产品）
.然后（（）=>{
路由器推送({
名称：“产品索引”，
});
})
.catch（（错误）=>{
console.log（错误响应）
});
}
返回{
产品,，
验证，
路由器，
商店，
};
},
};

---

有人能帮我找出这个错误吗，顺便说一句，很抱歉我的英语不好

您需要从“axios”中删除

import{axios}周围的花括号

看起来像是从“Axios”导入Axios与花括号一样，您只是导入Axios对象而不是库