Vue JS联系表单错误“无法读取未定义的属性'post'”

Question

我收到未定义错误的无法读取属性“帖子”，但我不确定我的错误到底在哪里。我希望有人能发现我缺少的东西，因为我是 Vue JS 的新手。先感谢您。main.jsimport Vue from 'vue';import App from './App.vue';import router from '../router';import './assets/css/style.css'import './assets/vendor/bootstrap/css/bootstrap.min.css';import './assets/vendor/fontawesome-free/css/all.min.css';Vue.config.productionTip = falsenew Vue({  router,  render: h => h(App),}).$mount('#app')应用程序.vue<template>  <div id="app">    <Nav></Nav>    <router-view />    <Footer></Footer>  </div></template><script>import Nav from "./components/Nav";import Footer from "./components/Footer";export default {  components: {    Nav,    Footer  }};</script><style>#app {  font-family: Avenir, Helvetica, Arial, sans-serif;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  text-align: center;  color: #2c3e50;}</style>在我的本地 DEV 环境中，我收到了类似的错误，但出现了“名称”一词而不是“帖子”。构建后，我收到错误无法读取属性“帖子”。

Answer 1

我建议你安装 Axios 包。

npm i axios

否则使用 vue 资源，如下所示：

import VueResource from "vue-resource"
Vue.use(VueResource);

之后，您可以开始使用 $http 而不会出现任何错误，如下所示：

this.$http.post

Answer 2

您可以在 main.js 中导入 axios 并将其附加到 vue，这样您就可以从组件中使用 this.$http 了。

import axios from 'axios'

Vue.prototype.$http = axios;

我认为在文档中推荐使用 axios，而不是标准的 vue-resource 包。

使用 Axios 使用 API