axios抽取

• 单文件组件是一个独立的文件(拥有独立的作用域)

• 直接在main.js里面导入其他的文件 比如axios 那么其他的组建也无法直接使用

• 每一个组件都是可复用的vue实例 构造函数是Vue

• 怎样让每一个对象共享一份属性? 让所有的组件都能使用axios 可以直接把它加入到Vue.prototype

• 注意点 :

  • 1.原型里面设置的属性 所有的实例化对象都可以使用(共享)
  • 2.Vue开发中 如果遇到所有组件都需要的方法或者模块 都可以直接放到Vue的原型上
  • 3.命名规则 : $xxxxx
  • 4.使用的方式 : 组件里面 this.$xxxxx

• 设置基地址 ：一般情况下 请求地址包括两部分 服务器地址 + 接口地址

• 设置了基地址 如果请求中使用的完整的地址 那么就不会加上去

• 如果不是完整地址 就会加上去

axios/index.js:
import myAxios from "axios";
myAxios.defaults.baseURL = "http://127.0.0.1:8090";
export default myAxios;
main.js:
import myAxios from './axios/index'
Vue.prototype.$axios = myAxios;