通过 nginx 解决线上项目的跨域

86 阅读1分钟

记录下处理方案。 说下一直犯得错误。一直认为开发的时候 在项目中配置了跨域,打包以后也就可以跨域访问了。其实是错误的。在框架中配置的跨域只是解决了项目运行时的跨域,打包后还是会报错的。 在次在线上项目通过 nginx 的方式来解决 下面具体方案。如果可以优化 还请指出! nginx 的下载和配置就不详细说了

  • 通过转发的方式
 listen 80;// 代码访问的端口
 root xxx/xxx/xx // 代表打包后的项目位置
 // 这里是我重点 添加如下配置 跟在开发环境一样,配置的是个转发,xxx/api/xxx.json 转发这个xxx.json接口  到3000端口
 location ~ ^/api/ {      
   proxy_pass  http://127.0.0.1:3000; //目标 地址 端口
   rewrite "^/api/(.*)$" /$1 break;
 }

简单配置如上。 后续方式亲身体验了在写