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

Question

我收到未定义错误的无法读取属性“帖子”，但我不确定我的错误到底在哪里。我希望有人能发现我缺少的东西，因为我是 Vue JS 的新手。先感谢您。

main.js

import 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 = false

new 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&nbsp;i&nbsp;axios否则使用 vue 资源，如下所示：import&nbsp;VueResource&nbsp;from&nbsp;"vue-resource" Vue.use(VueResource);之后，您可以开始使用 $http 而不会出现任何错误，如下所示：this.$http.post

Answer 2

您可以在 main.js 中导入 axios 并将其附加到 vue，这样您就可以从组件中使用 this.$http 了。import&nbsp;axios&nbsp;from&nbsp;'axios' Vue.prototype.$http&nbsp;=&nbsp;axios;我认为在文档中推荐使用 axios，而不是标准的 vue-resource 包。使用 Axios 使用 API