vue3+typescript，设置整个项目的默认访问ip及端口号

在 Vue3 + TypeScript 项目中，你可以使用 axios 和 vue-axios 库来设置整个项目的默认访问IP和端口号。具体步骤如下：

1. 安装 axios 和 vue-axios 库。

npm install axios vue-axios --save

2. 在 main.ts 中导入 axios 和 vue-axios 库，并设置默认的请求地址和端口号。

import { createApp } from 'vue'
import App from './App.vue'
import axios from 'axios'
import VueAxios from 'vue-axios'

const app = createApp(App)

axios.defaults.baseURL = 'http://localhost:3000' // 设置默认请求地址和端口号

app.use(VueAxios, axios)

app.mount('#app')

3. 在需要访问后端的组件中，通过 this.axios 访问后端接口。

import { defineComponent } from 'vue'

export default defineComponent({
  methods: {
    async fetchData() {
      const response = await this.axios.get('/api/data')
      console.log(response.data)
    }
  }
})

这样，当你需要修改后端IP和端口时，只需要在 main.ts 文件中修改 axios.defaults.baseURL 即可，整个项目都会生效。