Vue Nginx 配置跨域

626 阅读1分钟

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;
    
    
    1. nginx 配置跨域
    • 新版: nginx跨域配置
  • 旧版: nginx跨域配置 配置完成后在vue中就可以使用了;vite、axios都不用单独处理

方案2:Vite配置代理

  • vite.config.ts 配置代理 vite配置跨域代理
  • 网络请求中设置请求域名别名:
  • vite配置跨域

两种方法都可以实现,方案1后期调试可观性比较好