axios?gin的GET和POST請求怎么實現

今天小編給大家分享一下axios gin的GET和POST請求怎么實現的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

axios-GET請求

created() {
            console.log('該組件要被加載成功了')
            this.$axios({
                url: "http://127.0.0.1:8080/student/3",
                method: "GET",
                headers: {
                    // 'Content-Type': 'application/x-www-form-urlencoded'
                    'Content-Type': 'multipart/form-data'
                }
            }).then(response => {
                    console.log(response)
                }
            ).catch(error => {
                    console.log(456)
                    console.log(error)
                }
            );

Gin-GET響應

r.GET("/student/:ID", func(c *gin.Context) {
		id := c.Param("ID")
		var student Student
		_ = c.ShouldBind(&student)
		db.Preload("Teachers").Preload("IDCard").First(&student, "id=?", id)
		c.JSON(200, gin.H{
			"msg": student,
		})
	})

Vue-POST請求

this.$axios({
                url: "http://127.0.0.1:8080/test",
                method: "post",
                headers: {
                    'Content-Type':'application/x-www-form-urlencoded',
                },
                data: {
                    "name": "jeff",
                    "age": 18
                }
            }).then(response => {
                    console.log(response)
                }
            ).catch(error => {
                    console.log(456)
                    console.log(error)
                }
            );

Gin-POST響應

r.POST("/test", func(c *gin.Context) {
		user := c.PostForm("name")
		pwd := c.PostForm("age")
		fmt.Println(user)
		fmt.Println(pwd)
		fmt.Println(c)
		c.JSON(200, gin.H{
			"msg": "成功！",
		})
	})

以上就是“axios gin的GET和POST請求怎么實現”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。