vue?axios中的get請求方式
更新時間：2022年07月02日 10:37:57 作者：山竹回家了
這篇文章主要介紹了vue?axios中的get請求方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue axios中的get請求
一、安裝
使用 npm:npm install axios
二、使用
步驟：1.引入 2.發(fā)送請求
<template> ? <div> ? ? <!-- 2.點擊發(fā)送請求 --> ? ? <button @click="getdata">get請求-無參數(shù)</button ? ? ><button @click="getDataByParams">get請求-有參數(shù)</button> ? </div> </template>
<script>
//1.引入axios
import axios from "axios";
export default {
? methods: {
? ? // 3.發(fā)送axios無參數(shù)請求
? ? getdata() {
? ? ? axios
? ? ? ? // 3.1url地址
? ? ? ? .get("http://157.122.54.189:9095/scenics/banners")
? ? ? ? // 3.2成功時回調(diào)函數(shù)
? ? ? ? .then((data) => {
? ? ? ? ? console.log(data);
? ? ? ? })
? ? ? ? //3.3失敗時回調(diào)函數(shù)
? ? ? ? .catch((err) => {
? ? ? ? ? console.log(err);
? ? ? ? });
? ? },
? ? // 有參數(shù)
? ? getDataByParams() {
? ? ? axios
? ? ? ? //params:可傳遞多個參數(shù),固定寫法,不能改,否則參數(shù)傳遞失敗
? ? ? ? .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后面不要寫冒號，否則會結(jié)束。
vue axios post請求參數(shù)錯誤400
如果直接把loginMode1當(dāng)請求參數(shù)傳,后端是接收不到的
要對loginMode1處理成字符串然后再轉(zhuǎn)換,如下
然后再axios處理
這樣就不會有問題了
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Vue使用swiper問題(5.2.0版本,避免踩坑)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要是來和大家一起討論一下Vue2與Vue3中響應(yīng)式的原理，文中的相關(guān)示例代碼簡潔易懂，對我們深入了解Vue有一定的幫助，需要的可以參考下2023-07-07
這篇文章主要為大家詳細(xì)介紹了vue組件實現(xiàn)彈出框點擊顯示隱藏，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-04-04
這篇文章主要介紹了Element PageHeader頁頭的使用方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
Vue登錄后添加動態(tài)路由并跳轉(zhuǎn)的實踐分享
這篇文章講給大家詳細(xì)介紹一下Vue如何實現(xiàn)登錄后添加動態(tài)路由并跳轉(zhuǎn)，文章通過代碼示例介紹的非常詳細(xì)，對我們的學(xué)習(xí)或工作有一定的的幫助,需要的朋友可以參考下2023-07-07
在現(xiàn)代Web應(yīng)用開發(fā)中,版本檢測與升級提示是提升用戶體驗的重要環(huán)節(jié),本文將詳細(xì)介紹如何在Vue應(yīng)用中實現(xiàn)這一功能,有需要的小伙伴可以參考一下2025-04-04
路由傳參主要有兩種方式一種是路徑傳參一種是參數(shù)傳遞,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-11-11
這篇文章主要介紹了vue+flask實現(xiàn)視頻合成功能(拖拽上傳),本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-03-03
vue中圖片轉(zhuǎn)base64格式實現(xiàn)方法
這篇文章主要介紹了vue中圖片轉(zhuǎn)base64格式實現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
組件化是為了方便代碼復(fù)用，提高開發(fā)效率。今天腳本之家小編給大家分享常見的vue組件寫法四種，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2018-04-04