2024.010.10

今天主要是记录一些问题，主要是在使用vue通过axios发送请求的时候，起初我认为需要把vue和springboot整合到一块 但是在听完课之后发现并不需要，因为vue的目的是实现前后端分离的开发，因此两个项目可以同时运行，调整vue项目 就是改前端代码，调整springboot就是改后端代码，前端只负责发送请求和页面显示，后端只负责接受请求和显示数据 比起原生的java来说要独立很多 记录几个问题，主要是关于如何使用axios，首先惯例的安装 npm install axios 在需要被访问的springboot项目的控制类中添加@CrossOrigin注解 安装完成之后配置一下属性，在main.js中 import axios from "axios"; axios.defaults.baseURL = "http://localhost:8088" Vue.prototype.$http = axios 这样以后如果要使用axios created: function () { this.$http.get("http://localhost:8088/user/findAll").then((response)=>{ this.tableData = response.data }) }, created方法放在<script>标签中，就可以使用了 当然 如果不在main.js中设置，直接导入axios，然后使用 axios.get("http://localhost:8088/user/findAll").then((response)=>{ 其实也是一样的，只是写法有区别 现在总结一下，创建一个vue项目之后，要用的几个东西，首先是elementui npm install element-ui 然后是axios npm install axios 然后在main.js import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); element扒下来的ui都统一放到标签下，创建一个

<div>