在main.js里面同时设置axios.url以及$mount("#app");会导致没设置完axios就加载接口导致ip端口是浏览器头

在`main.js`中，如果你尝试在设置axios的URL的同时立即调用Vue实例的挂载方法`$mount("#app")`，可能会导致问题。这是因为 Axios 的配置和网络请求通常发生在组件初始化之前，而挂载过程则是在DOM准备好之后进行的。

当你在挂载前设置了axios的URL，浏览器可能会提前发送HTTP请求，而那时Vue实例可能还没有完成渲染，因此可能导致错误信息提到IP地址和端口未正确解析。为了避免这种情况，你应该按照正确的顺序操作：

1. 先配置axios，比如在Vue的生命周期钩子里或setup函数中：

import axios from 'axios';

const app = new Vue({
  //...
  mounted() {
    this.$axios.defaults.baseURL = 'http://your-api-url.com';
    this.$mount('#app');
  },
  setup() {
    onMounted(() => {
      axiosInstance.config.baseURL = 'http://your-api-url.com';
      // 或者在其他适当的地方设置axios
      this.$mount('#app');
    });
  }
});

确保axios的配置在实际需要发起请求之前已经完成，并且在Vue实例完全构建并挂载到DOM上再执行网络请求。