项目配置默认接口路径$baseUrl

这几天写一个上传Excel表功能。
使用iview中的Upload上传组件实现，
写法比较简单，将组件直接复制过来，action的上传地址改成后端给到的完整的接口就好

完整代码
<Upload :action="this.$baseUrl + 'customer_service_call_notification/add_customer_service_call_excel'"
      accept=".xlsx"
      :format="['xlsx']"
      :on-success="uploadSurfaceSuccess"
      :on-progress="handleUploadSurfaceProgress"
      :show-upload-list="false"
    >

后端给到完整的接口一般是

https://xp.iew.com/*******xxxxxxxxx等等

但是我们在代码里面又不能直接这样写，https后面的//会被认作注释，后面的接口地址也就被注释掉，不能用了。
所以这个时候需要我们将前面固定的接口配置一下，再拼接上后面的接口名称即可

配置步骤

打开当前文件的main.js文件

try {
  root = CONFIG.API_URL;
}
catch(error){
}
Vue.prototype.$baseUrl = root;

这样就可以在其他页面直接引用$baseUrl，完成第一张图的操作