如何用nginx解决前端部署跨域问题

 wget http://nginx.org/download/nginx-1.19.0.tar.gz
 sudo tar zxf nginx-1.19.0.tar.gz

 sudo apt install -y gcc make libpcre3 libpcre3-dev zlib1g zlib1g-dev openss

 cd nginx-1.19.0/
 sudo ./configure
 sudo make
 sudo make install

cd /usr/local/nginx/sbin
./nginx -v //查看版本号
./nginx //启动nginx
./nginx -s stop //停止nginx
./nginx -s quit //安全退出
./nginx -s reload //重新加载配置文件【常用】
ps aux|grep nginx 查看nginx进程

sudo vim /usr/local/nginx/conf/nginx.config

server {
        listen       80; #监听端口
        server_name  localhost; #可以改成自己的域名或者ip
 
        #charset koi8-r;
 
        #access_log  logs/host.access.log  main;
 
        location / {
            root   dist; # 前端build文件所在位置与/usr/local/nginx/conf平级
            index  index.html index.htm; #入口文件
            try_files $uri $uri/ /index.html; #好像可以解决history路由，不过我用的hash
        }
 
        location /shadow/api {     # 这个就是代码中的想要访问的baseurl
            proxy_pass http://1.13.xxx.xxx:80; # [例如]反向代理的服务器真正的ip
            add_header 'Access-Control-Allow-Origin' '*'; #允许来自所有的访问地址
            add_header 'Access-Control-Allow-Credentials' 'true';
            add_header 'Access-Control-Allow-Methods' 'GET, PUT, POST, DELETE, OPTIONS'; #支持请求方式
            add_header 'Access-Control-Allow-Headers' 'Content-Type,*';
        }
}

sudo /usr/local/nginx/sbin/nginx -s reload