vue-resource post 报错问题

来源：4-1 Vue-Resource使用（上）

仰望星空3rd

2020-09-14

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  <script src="node_modules/vue/dist/vue.min.js"></script>
  <script src="node_modules/vue-resource/dist/vue-resource.min.js"></script>
<body>
  <div id="app" class="container">
    <h1>vue-resource</h1>
    <a href="javascript:" class="btn btn-primary" @click="get">Get请求</a>
    <a href="javascript:" class="btn btn-primary" @click="post">Post请求</a>
    <a href="javascript:" class="btn btn-primary">Jsonp请求</a>
    <div>
      <span>{{msg}}</span>
    </div>
  </div>

  <script>
    new Vue({
      el:"#app",
      data(){
        return {
          msg:''
        }
      },
      methods:{
        get(){
          this.$http.get("package.json",{
            params:{
              userId:"101"
            },
            headers:{
              token:"abcd"
            }
          }).then(res => {
            this.msg = res.data
          },error => {
            this.msg = error;
          })
        },
        post(){
          this.$http.post("package.json",{
            userId:"123"
          },{
            headers:{
              access_token:"abc"
            }
          }).then(res => {
            this.msg = res.data;
          })
        }
      }
    })
  </script>
</body>
</html>

代码部分和老师打的一样，引用的js和css也没有问题。但是点击post请求按钮会报错，get就没有问题。![ 图片描述