Vue3+vite+ts 本地访问正式服务器接口

如果你想在本地使用 Vue3、vite 和 TypeScript 来访问正式服务器接口，可以按照以下步骤进行操作：

1. 在 Vue3 中，你可以使用 `axios` 库来进行网络请求。首先需要安装 axios：

   npm install axios --save

2. 然后在你的代码中引入 axios，并设置默认的请求地址为正式服务器的地址：

   import axios from 'axios';
   
   axios.defaults.baseURL = 'https://your.production.server.com';

3. 接下来，你可以使用 axios 发起网络请求，并处理返回的数据：

   axios.get('/api/data').then(response => {
     console.log(response.data);
   }).catch(error => {
     console.error(error);
   });

这里的 `/api/data` 是正式服务器接口的地址。

4. 最后，在使用 `vite` 启动本地开发服务器时，需要在 `vite.config.ts` 文件中添加代理配置，将本地的请求转发到正式服务器：

   import { defineConfig } from 'vite';
   
   export default defineConfig({
     server: {
       proxy: {
         '/api': {
           target: 'https://your.production.server.com',
           changeOrigin: true,
           secure: false
         }
       }
     }
   });

这里的 `/api` 是本地请求的地址前缀，`target` 是正式服务器的地址。`changeOrigin` 和 `secure` 参数用于解决跨域问题。

现在，你就可以在本地访问正式服务器接口了。