基于Vue3模板开发+Vit4打包+Ngnix部署站点 :通过代理转发来隐藏站点真实请求API，以及解决跨域问题（Vit配置本地请求跨域代理，Nginx进行API代理转发）

引言

1. 基于Vit进行本地请求跨域代理
2. 基于Nginx进行API代理转发、服务端口和站点目录的映射
3. 基于docker采用Nginx镜像部署站点
4. 基于Jenkins 部署Vue项目到Ngnix

通过Vue项目API代理转发，来屏蔽站点请求API的服务器IP和端口，以及解决跨域问题。

前端vite.config.ts里的代理配置是本地跨域代理，只适用本机调试环境，如果通过build命令打包部署时，在nginx中需要配置proxy_pass代理转发。

版本： Ngnix1.26.1

I 基于Vit进行本地请求跨域代理

https://vitejs.dev/config/

添加代理配置到 vit.config.js 文件中

项目框架：Vue 3 + Vite

  server: {