Vue 配置跨域的两种方法

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;

• 2. nginx 配置跨域
  • 新版：
    

• 旧版：
  

  配置完成后在vue中就可以使用了；vite、axios都不用单独处理

方案2：Vite配置代理

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

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