vue?axios中的get請求方式是什么

這篇文章主要講解了“vue axios中的get請求方式是什么”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“vue axios中的get請求方式是什么”吧！

vue axios中的get請求

一、安裝

使用 npm:npm install axios

二、使用

步驟：1.引入 2.發送請求

<template>
  <div>
    <!-- 2.點擊發送請求 -->
    <button @click="getdata">get請求-無參數</button
    ><button @click="getDataByParams">get請求-有參數</button>
  </div>
</template>

<script>
//1.引入axios
import axios from "axios";
export default {
  methods: {
    // 3.發送axios無參數請求
    getdata() {
      axios
        // 3.1url地址
        .get("http://157.122.54.189:9095/scenics/banners")
        // 3.2成功時回調函數
        .then((data) => {
          console.log(data);
        })
        //3.3失敗時回調函數
        .catch((err) => {
          console.log(err);
        });
    },
    // 有參數
    getDataByParams() {
      axios
        //params:可傳遞多個參數,固定寫法,不能改,否則參數傳遞失敗
        .get("http://157.122.54.189:9095/posts", { params: { id: 4 } })
        .then((data) => {
          console.log(data);
        })
        .catch((err) => {
          console.log(err);
        });
    },
  },
};
</script>

<style>
</style>

常見錯誤

url后面不要寫冒號，否則會結束。 

vue axios post請求參數錯誤400

如果直接把loginMode1當請求參數傳,后端是接收不到的

要對loginMode1處理成字符串然后再轉換,如下

然后再axios處理

這樣就不會有問題了

感謝各位的閱讀，以上就是“vue axios中的get請求方式是什么”的內容了，經過本文的學習后，相信大家對vue axios中的get請求方式是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！