一、nginx配置解析
nginx可以解决很多头疼的问题,一般来说,nginx可以用于静态页面的服务器、静态文件缓存服务器、网站的反向代理、负载均衡服务器等。 而实现这一切,基本只要配置nginx.conf即可。
注:nginx.conf默认配置,如果作为静态服务器,只需要将静态文件移动到nginx下的html文件夹即可。
二、问题解析
由于项目前端与后端分离,浏览器对JavaScript的同源策略的限制,顾出现了跨域的问题。
虽然可以借助浏览器对Access-Control-Allow-Origin 的支持,但有些浏览器是不支持的,所以最佳的方案是采用nginx通过反向代理瞒住浏览器同源策略的跨域。
三、实现过程
配置说明:
- 配置 / 代理转发到我们的前端地址http://localhost:8081
- 配置/gempile-volte-rs/ 代理转发到http://localhost:808