vue使用axios封装适应项目的请求工具
- java服务端测试借口编写
@Controller
public class IndexController {
@RequestMapping("/demoTest")
@ResponseBody
public String demoTest() {
return "This is java server response";
}
}
发送接口请请求成功的情况下会返回对应的数据
因为这里面配置项目的请求前缀"sakura",因此在这里面请求的地址为:localhost:8888/sakura/demoTest
- vue项目引入axios
执行安装命令cnpm install axios --save
(命令执行位置在package.json文件同级)
对初始化项目的HelloWord.vue文件进行改造,只保留最精简的文件格式
<template>
<div class="hello">
<h1>{
{ msg }}</h1>
</div>
</template>
<script>
export default {
name: 'HelloWorld',
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
}
}
</script>
<style scoped>
</style>
- 引入Element
执行安装命令npm i element-ui -S