vue设置全局axios 和设置基础路径.全局的是写在main.js文件中,
// 1下载axios
// npm i axios 或者 yarn add axios
// 2 在min.js 中导入axios (根据需求导入不同的位置)
import axios from 'axios'
// 3设置基础路径
axios.defaults.baseURL = 基础路径(写入自己的基础路径)
// 4axios方法添加到Vue的原型上
Vue.prototype.$axios = axios //注意此处的$axios
用axios请求数据
<script>
export default {
data(){
return {
list: [] // 商品所有数据
}
},
// 不必在自己引入axios变量, 而是直接使用全局属性$axios
created(){
this.$axios({//注意此处是this.$axios(因为你在main.js中挂载的是$axios)
method: '请求方式', // get post
url: '请求地址',
data: { // 拼接到请求体的参数, post请求的参数
xxx: xxx,
},
params: { // 拼接到请求行的参数, get请求的参数
xxx: xxx
}
})
.then(res => {
console.log(res.data) // 后台返回的结果 回调函数(回:回头)
})
.catch(err => {
console.log(err) // 后台报错返回
})
// ajax:状态 400 500
}
</script>