1.首先安装axios
npm install axios
2.在vue脚手架里面配置代理
修改vue.config.js
devServer: { proxy:{ '/api':{ target: 'http://127.0.0.1:10007', //请求的服务器地址 pathRewrite:{'^/api':''}, //可以让发过去的请求不带/api打头 } } }
3.在组件里直接使用
首先引入axios
import axios from 'axios'
发送请求
mounted() { axios.get('http://127.0.0.1:8080/api/show-one/one1').then( response => { //访问成功时调用,response.data代表返回成功时的数据 console.log(response.data) }, error => { //访问失败时调用,error.message可以表示返回失败时的信息 } )
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/202482.html原文链接:https://javaforall.net
