12-Nginx解决前端项目跨域问题
2023-06-13 09:12:26 时间
解决Nginx跨域问题
跨域问题图解
在同域名下可以访问, 跨域名就会有跨越问题, 导致请求无法访问
CORS跨域资源共享
- Cros-Origin Resource Sharing
- 允许浏览器向跨Origin的服务器发起JS请求获取响应
- Jsonp, SpringBoot Cors, Nginx
Nginx配置允许跨域
在Nginx.conf配置文件中需要允许跨域的Server模块下配置
# 允许跨域请求的域, * 表示所有
add_header 'Access-Control-Allow-Origin' *;
# 允许携带Cookie
add_header 'Access-Control-Allow-Credentials' 'true';
# 允许请求的方式 比如常用的Restful GET/PUT/POST/DELETE
add_header 'Access-Control-Allow-Methods' *;
# 允许请求的header
add_header 'Access-Control-Allow-Headers' *;
配置完成后就可以支持跨域请求了[一般为了安全考虑,不会使用*来让所有的都可以访问, 都是指定具体允许的网站, 多参数使用 逗号分割, 例如: 'http://ip:port,ip:port']
相关文章
- Java项目毕业设计:基于springboot+vue的电影视频网站系统「建议收藏」
- 使用Webpack5创建Vue2项目及优化
- 如何让项目准时上线?
- 【Flutter&Flame 游戏 - 贰肆】pinball 源码分析 - 项目结构介绍.md
- Vue前端项目-主页布局-左侧导航菜单(静态)[通俗易懂]
- 购物车项目(前端)
- 精读《维护好一个复杂项目》
- 15 个初学者 JavaScript 项目来提高你的前端技能!
- 自己项目使用http请求远程调用xxljob项目
- 31·灵魂前端工程师养成-[项目]前端导航网站
- 前端老项目接入 eslint 从配置到上线的一些思考
- 让迁移不再开盲盒,让云也能省钱丨Hackathon 项目背后的故事第一期回顾
- 前端vue2项目引入第三方js文件或者远程js文件并执行相应方法
- 前端项目启动 npm 安装 之 常见错误 意外解决了 一直报 esbuild 的问题,使程序正常运行
- 干货 | 因果推断在项目价值评估中的应用
- 为你的Vue2.x老项目安装Vite发动机吧!
- Django自动化测试平台项目前端框架设计
- 高效规划、跟踪和管理项目——探究Project 2019专业版的主要功能和优点
- 前端项目依赖的依赖自动更新一起的错误
- 「前端经验总结」大型业务项目中,前端如何撰写设计文档
- Create React App 创建前端项目
- 对项目工时的估算—-( PERT “计划评审技术” ) 三点估算法详解程序员
- eclipse中启动调试maven构建的javaweb项目详解程序员
- Django在Win7下的安装及创建项目helloword简明教程