随着 vite 成为 Web 开发者必备的开发工具，它在打包和配置服务器时提供了许多方便的功能，有时候我们可能需要对 proxy 设置进行一些调整，以适应我们的网络环境。
现在，让我们一起探讨如何使用 vite 在打包之后修改 proxy 中的 IP 地址。
Vite 是一款前端框架，提供了一个简洁的方式来编译和构建静态文件，在构建过程中，我们需要设置代理来处理网络请求，这可能是由于服务器位置变动或者防火墙规则变化等原因导致的，通过修改 proxy 的 IP 地址，我们可以解决这些问题。
使用 vite 打包之后修改 proxy 的 IP 地址
1、你需要安装 @vitejs/proxy 插件，它允许你在 vite 中直接修改 proxy 的 IP 地址，以下是安装步骤：
```
npm install @vitejs/proxy --save-dev
```
2、你需要在你的 vite 生产环境中启用代理插件：
```
vite.config.js
export default {
// ...
plugins: [
...//其他 plugins，
'@vitejs/proxy',
],
// ...
};
```
3、你可以在模板文件中使用代理插件来修改你的 HTTP 请求：
```html
<script>
window.vite = new(Vite);
window.vite.config({
proxy: {
target: 'http://your-proxy-ip:8080',
changeOrigin: true,
},
});
</script>
```
注意：在修改了 proxy 的 IP 地址后，需要注意重启你的服务，以确保新的 proxy 设置生效。
使用 vite 在打包之后修改 proxy 中的 IP 地址是一种简单而有效的方法，可以帮助我们在各种网络环境下顺利地处理 HTTP 请求，希望这篇文章能对你有所帮助。
