今天在工作中遇到一个问题:
1. 前端项目部署在服务器上怎么访问?
2. 通过 Nginx 代理配置前端访问路径和端口后, 前端调用后端接口由于后端端口号和前端代理接口不一致导致跨域问题, 怎么解决?
针对以上问题就要配置 Nginx 代理, 对前后端进行统一端口访问. 具体配置如下:
1. 说明: 我的前端放在 / data/test/narcV3.1/front/drugarchives 目录下, 后端访问地址为 http://10.196.10.50:8213/drugHumanArchives
在 10.196.10.50 服务器 / usr/local/nginx/conf 下的 nginx.cong 中配置如下内容:
- upstream drugHumanArchives {
- server 127.0.0.1:8213 weight=1;
- }
- server {
- listen 8199;
- server_name localhost;
- location / {
- root /data/test/narcV3.1/front;
- index index.html index.htm;
- }
- location /drugHumanArchives
- {
- proxy_set_header Host $host:8199;
- proxy_set_header X-Real-IP $remote_addr;
- proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
- proxy_cookie_path /drugHumanArchives /drugHumanArchives;
- proxy_set_header Cookies $http_cookies;
- proxy_pass http://drugHumanArchives/drugHumanArchives;
- }
- }
说明: 1)upstream 配置后端服务本来的访问路径
2)server 配置代理端口 listen: 统一端口号 server_name: 域名
第一个 location / 说明: 访问 http://10.196.10.50:8199/drugarchives 即可访问到服务器静态资源 / data/test/narcV3.1/front/drugarchives /index..HTML
第二个 location /drugHumanArchives 说明 proxy_pass 代理路径 http://drugHumanArchives/drugHumanArchives; 第一个 drugHumanArchives 代表上面配置的 upstream , 即 http://127.0.0.1:8213/drugHumanArchives;
访问 http://10.196.10.50:8199/drugHumanArchives 即可代理到路径 http://10.196.10.50:8213/drugHumanArchives
来源: http://www.bubuko.com/infodetail-3383748.html