Shulou(Shulou.com)06/01 Report--

This article mainly introduces the Vue front-end how to achieve data interaction with the back-end of the relevant knowledge, the content is detailed and easy to understand, the operation is simple and fast, has a certain reference value, I believe that after reading this Vue front-end how to achieve data interaction with the back-end article will have a harvest, let's take a look.

Vue front-end and back-end data interaction installation npm install axios-- save introduces import Axios from 'axios';// background interaction Vue.prototype.$http=Axios//defaults into the main.js file to set the global default path Axios.defaults.baseURL= "/" use / / the first this.$http.post (' / index/customer/', {/ / write the value to be passed}). Then (function (res) {/ console.log ('this is the returned customer data') / / console.log (res.data.data); this.customerArr = res.data.data}) / / if it is a get request, replace post with the second type of get// It is recommended to use this method this.$http ({url:'/ index/patchBase/', method: 'get', headers: {' Xmurf RequestedMustewthworn: 'XMLHttpRequest'}, params: {} / / pass values such as: params: {id:1 Name: "gw"}}) .then (res = > {console.log ('data reception') Console.log (res.data.data);}) This.$http ({url:'/ index/patchBase/', method: 'post', headers: {"Content-Type": "multipart/form-data"}, data: {} / / pass value}) .then (res = > {console.log (' data reception') Console.log (res.data.data);})

It should be noted that the request header data of post and get requests are different, and the method of passing values is different: get is params,post requests and data is used to pass values.

Start the vue and the front and rear connection directly above

This is the end of the article on "how to achieve data interaction between the Vue front end and the back end". Thank you for reading! I believe that everyone has a certain understanding of the knowledge of "how to realize the data interaction between the Vue front end and the back end". If you want to learn more knowledge, welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.