vue3+typescript，设置访问后端的默认ip和端口

你可以在 Vue3 + TypeScript 中设置一个全局的配置文件来存储访问后端的默认IP和端口。具体步骤如下：

1. 创建一个配置文件 config.ts，用于存储IP和端口信息。

const config = {
  apiBaseUrl: 'http://localhost:3000' // 默认后端IP和端口
}

export default config

2. 在 main.ts 中导入配置文件，并将其挂载到 Vue 实例上。

import { createApp } from 'vue'
import App from './App.vue'
import config from './config.ts'

const app = createApp(App)

app.config.globalProperties.$config = config

app.mount('#app')

3. 在需要访问后端的组件中，通过 this.$config.apiBaseUrl 获取默认IP和端口信息。

import { defineComponent } from 'vue'

export default defineComponent({
  methods: {
    async fetchData() {
      const response = await fetch(`${this.$config.apiBaseUrl}/api/data`)
      const data = await response.json()
      console.log(data)
    }
  }
})

这样，当你需要修改后端IP和端口时，只需要修改 config.ts 文件即可，不需要在每个组件中都手动修改。