【Nginx】跨域配置
2023-09-11 14:16:50 时间
https://www.cnblogs.com/yadongliang/p/14140029.html
说明:Linux中是配置 /usr/local/nginx/conf 路径下的 nginx.conf (而不是nginx安装路径下的nginx.conf 区分哪个是生效的 可以直接看日志)
前提:
1、本地可正常运行(已解决本地跨域问题)
2、vue项目已打包(npm run build)
3、把打包后vue项目拷贝到nginx的html文件夹中
4、nginx下conf文件夹中的nginx.conf文件新增如下内容(新增后重启nginx 命令:nginx.exe -s reload)
备注:nginx启动命令:start nginx.exe;nginx重启命令:nginx.exe -s reload
proxy_pass http://192.168.203.252; proxy_redirect off; proxy_set_header Host $host; # 传递域名 proxy_set_header X-Real-IP $remote_addr; # 传递ip proxy_set_header X-Scheme $scheme; # 传递协议 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
本地运行(dev是这么配置的)
部署之后 nginx需要同dev一样
location /api { #rewrite ^/(.*)$ /$1 break; proxy_pass http://xxx.xxx.xxx.xxx:8283/api; proxy_redirect off; proxy_set_header Host $host; proxy_set_header REMOTE_ADDR $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } location /ip { #rewrite ^/(.*)$ /$1 break; proxy_pass http://pv.sohu.com/; #proxy_redirect off; #proxy_set_header Host $host; #proxy_set_header REMOTE_ADDR $remote_addr; #proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; }
备注:
相关文章
- 使用ZooKeeper实现配置同步
- centos7系统下安装php-fpm并配置nginx支持并开启网站gzip压缩
- Nginx编译安装lua-nginx-module
- Linux/CentOS优化配置 汇总
- 《转》IIS中配置通配符应用程序映射
- 一段万能的nginx接口反向代理配置
- nginx配置中proxy_redirect的作用(转)
- python之gunicorn的配置
- Centos7下yum安装配置nginx与php
- Nginx配置文件(nginx.conf)配置详解
- 【整理】获取用户真实 ip 地址的 nginx 相关配置
- nginx防止DDOS攻击配置
- nginx fastcgi 配置
- Linux下安装php环境并且配置Nginx支持php-fpm模块
- nginx优化:配置gzip压缩页面提高访问速度(nginx1.18.0)
- nginx 配置的server_name参数(转)
- Redis配置文件常用配置详解
- Nginx 配置虚拟机
- 【Android 安全】DEX 加密 ( 代理 Application 开发 | multiple-dex-core 依赖库开发 | 配置元数据 | 获取 apk 文件并准备相关目录 )
- struts2+hibernate+spring配置版框架搭建以及简单测试(方便脑补)
- 【Nginx】面试官问我Nginx如何配置WebSocket?我给他现场演示了一番!!
- FastAdmin 在 Nginx 中的配置
- ElasticSearch安装部署,基本配置(Ubuntu14.04)
- Vivado中注意在生成Bitstream中的文件设计问题,就是逻辑分析仪是对RTL进行配置,不是对Testbench文件进行配置。
- nginx 配置