1.新建api文件夹,该文件夹中主要存放接口路径。新建request.js,该js主要用于接口存放路径。
import axios from 'axios'
/**
* 封装axios请求
*/
// create an axios instance
const service = axios.create({
baseURL: 'http://localhost:8001/order/',//本地请求路径
timeout: 5000 // request timeout
})
// request 拦截器,
service.interceptors.request.use(
config => {
// do something before request is sent
//TODO: 请求拦截器,如设置Token
return config
},
error => {
// do something with request error
console.log(error)
return Promise.reject(error)
}
)
// 响应拦截
service.interceptors.response.use(
response => {
//TODO: 响应拦截器,可以统一处理返回响应码
return response
},
error => {
return Promise.reject(error)
}
)
export default service
2.新增order.js,里面主要存放接口
import request from '@/api/request'
//新增订单
export function add(data){
return request({
url:'order/add',
method:'post',
data:data,
headers:{
"token": sessionStorage.getItem("token")}
})
}
3.通过form表单提交调用该接口
<!--新增-->
<el-dialog title="增加" :visible.sync="dialogApp">
<el-form :model="form"