1、方案1:Nginx配置跨域,Vue不用配置vite代理
- 1.nginx 配置SSL证书
listen *:443; server_name gitlab.xxxxxx.com; server_tokens off; ## Don't show the nginx version number, a security best practice ssl on; ssl_certificate /etc/gitlab/xxxxxx.com.pem; ssl_certificate_key /etc/gitlab/xxxxxx.com.key; ssl_session_timeout 5m; -
- nginx 配置跨域
- 新版:
- 旧版:
配置完成后在vue中就可以使用了;vite、axios都不用单独处理
方案2:Vite配置代理
- vite.config.ts 配置代理
- 网络请求中设置请求域名别名:
两种方法都可以实现,方案1后期调试可观性比较好