vue线上项目nginx配置介绍 解决跨域问题 配置路由重定向

本文介绍一下，vue项目线上部署时nginx配置代理以及解决跨域问题的基本方法。

location /start/ {
          add_header Access-Control-Allow-Origin *;
          add_header Access-Control-Max-Age 1728000;
          add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
          add_header Access-Control-Allow-Headers 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
          add_header Content-Type' 'text/plain; charset=utf-8';
          add_header Content-Length 0 ;
          #return 204;
          proxy_redirect off;
          proxy_set_header Host $host;
          proxy_set_header X-Real-IP $remote_addr;
          proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
 
          proxy_pass http://admin.serve.ventan.shop:8000/;
          #//转发接口 (/api/的请求会转发至http://127.0.0.1:7001/)
  
          # proxy_set_header Host $host:$server_port;
      }
    
    location / {
      try_files $uri $uri/ /index.html;
    }