put请求方式参数如何传 vue_解决vue get请求传参后端接收不到参数值(java sptingboot)...

//代码如下import axios from 'axios'

import { MessageBox, Message } from 'element-ui'

import store from '@/store'

import { getToken } from '@/utils/auth'

// create an axios instanceconst service = axios.create({

baseURL: '', // url = base url + request url // withCredentials: true, // send cookies when cross-domain requests timeout: 5000 // request timeout})

// request interceptorservice.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 interceptorservice.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

// if the custom code is not 20000, it is judged as an error. if (res.code !== 20000) {

Message({

message: res.message || 'Error',

type: 'error',

duration: 5 * 1000

})

// 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired; if (res.code === 50008 || res.code === 50012 || res.code === 50014) {

// to re-login MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', {

confirmButtonText: 'Re-Login',

cancelButtonText: 'Cancel',

type: 'warning'

}).then(() => {

store.dispatch('user/resetToken').then(() => {

location.reload()

})

})

}

return Promise.reject(new Error(res.message || 'Error'))

} else {

return res

}

},

error => {

console.log('err' + error) // for debug Message({

message: error.message,

type: 'error',

duration: 5 * 1000

})

return Promise.reject(error)

}

)

//该方法为新增加的方法export const createAPI = (url, method, data) => {

const config = {}

if (method === 'get') {

config.params = data

} else {

config.data = data

}

return service({

url,

method,

...config

})

}

export default service