axios使用post访问springboot

1. 在axios中使用post方法访问springboot，需要先安装axios，可以使用npm进行安装。

npm install axios

2. 在前端页面中引入axios，可以通过CDN或者在代码中引入。

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

3. 在前端页面中使用axios发送post请求，需要指定请求的URL和请求数据。

axios.post('/api/user', {
firstName: 'John',
lastName: 'Doe'
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});

4. 在springboot中，需要编写相应的Controller来接收请求并返回数据。

@RestController
@RequestMapping("/api")
public class UserController {

@PostMapping("/user")
public User createUser(@RequestBody User user) {
// 处理用户数据
return user;
}
}

5. 在springboot中，需要添加CORS配置来允许跨域访问。

@Configuration
public class CorsConfig {

@Bean
public WebMvcConfigurer corsConfigurer() {
return new WebMvcConfigurer() {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/api/**")
.allowedOrigins("*")
.allowedMethods("GET", "POST", "PUT", "DELETE")
.allowedHeaders("*")
.allowCredentials(true)
.maxAge(3600);
}
};
}
}

以上是使用axios访问springboot的基本步骤和代码示例。需要注意的是，post请求需要加上@RequestBody注解来接收请求数据；同时，需要允许跨域访问，否则会出现跨域问题。