一:.封装axios
新建util文件夹 -----> 新建http.js文件
import axios from 'axios' axios.defaults.withCredentials = true const http = axios.create({ baseURL: 'http://123.456.7.89:1011', //基地址 timeout: 30000, //设置时间超时,单位毫秒 withCredentials: true, //跨域请求时是否需要使用凭证 crossDomain: true //跨域 }) export default https
使用时,在需要调用后台的地方
import http from '@/util/http'
在mounted或methods中
http.post('/后部分地址',
{
headers: { Authorization: token },
xhrFields: {
withCredentials: true
}
}).then(res => {
console.log(res)
})
------------------------------------------------------------------
http({
url: '',
methods: 'post',
params: {
},
headers: { Authorization: token }
}).then(res => {
console.log(res)
})
二:在main.js中
import axios from 'axios'
//配置请求的根路径
axios.defaults.baseURL = 'http://123.456.7.89:1011'
Vue.prototype.$http = axios
使用的时候通过this.$http请求即可
三,data和params的区别
因为params是添加到url的请求字符串中的,用于get请求。
而data是添加到请求体(body)中的, 用于post请求。