1.导入依赖
2.为实体类添加注解
3.编写service
impl
4.编写Controller
5.到vue编写js
/*
* @Author: wuchao66_Git 2803670835@qq.com
* @Date: 2022-06-23 16:39:21
* @LastEditors: wuchao66_Git 2803670835@qq.com
* @LastEditTime: 2022-07-18 10:31:30
* @FilePath: \vue-xg-master\vue-xg-master\src\utils\request-excel.js
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
import axios from 'axios'
import { MessageBox, Message } from 'element-ui'
//import store from '@/store'
//import { getToken } from '@/utils/auth'
// create an axios instance 创建一个实例
const service = axios.create({
baseURL: "http://localhost:8888",
// baseURL: "http://192.168.43.128:8888",//process.env.VUE_APP_BASE_API, // url = base url + request url
// withCredentials: true, // send cookies when cross-domain requests
timeout: 5000 // request timeout超时时间
})
// request interceptor 做登录的
// service.interceptors.request.use(
// config => {
// // do something before request is sent
// if (store.getters.token) {
// // let each request carry token
// // ['X-Token'] is a custom headers key
// // please modify it according to the actual situation
// config.headers['X-Token'] = getToken()
// }
// return config
// },
// error => {
// // do something with request error
// console.log(error) // for debug
// return Promise.reject(error)
// }
// )
// response interceptor
service.interceptors.response.use(
/**
* If you want to get http information such as headers or status
* Please return response => response
*/
/**
* Determine the request status by custom code
* Here is just an example
* You can also judge the status by HTTP Status Code
*/
response => {
const res = response.data
return res
},
error => {
console.log('err' + error) // for debug
Message({
message: error.message,
type: 'error',
duration: 5 * 1000
})
return Promise.reject(error)
}
)
export default service
引入js
6.编写vue页面的方法