位置:首页 > 服务端 > linux

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

dearweb 发布:2022-11-19 20:23:58阅读:

本文介绍一下,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;
    }


24人点赞 返回栏目 提问 分享一波

小礼物走一波,支持作者

还没有人赞赏,支持一波吧

留言 评论仅代表网友个人 留言列表

暂无留言,快来抢沙发吧!

手机扫码查看 手机扫码查看