[JavaScript知识库]vue怎么全局引入axios 和设置基础路径

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>