vite.config.ts配置跨域

在vite.config.ts中配置跨域代理的步骤如下：
1. 打开vite.config.ts文件。
2. 在proxy字段中添加一个新的代理对象，例如'/apis'。
3. 设置target字段为你要代理的目标地址，例如'http://url:port'。
4. 可选地设置changeOrigin字段为true，以便修改请求头中的origin字段。
5. 可选地设置rewrite字段，用于重写URL路径，将'/apis'替换为空字符串。
6. 可选地设置WebSocket或socket代理。
7. 保存并关闭vite.config.ts文件。

同时，在封装axios时，需要将baseURL设置为代理的本地地址，即"/apis"，以便实现跨域请求。

这样配置之后，当你在前端项目中发送带有"/apis"前缀的请求时，Vite会将该请求代理到指定的目标地址，实现跨域请求。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Vite跨域设置](https://blog.csdn.net/qq_42761482/article/details/126115019)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [vue.config.js中配置Vue的路径别名的方法](https://download.csdn.net/download/weixin_38678796/12928335)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]