当前位置:网站首页>【踩坑系列】uniapp之h5 跨域的问题
【踩坑系列】uniapp之h5 跨域的问题
2022-07-07 04:56:00 【涛涛之海】
【踩坑系列】uniapp之h5 跨域的问题
前言
在浏览器上调试移动端的界面,出现 不允许出现多个 ‘Access-Control-Allow-Origin’ CORS 头信息。 而且看到Response 返回的信息,以为是服务器上出现配置了多次 跨域访问的设置,才导致的问题,所以一直在找后端上的问题,花了一段时间排查后,并没有配置多次跨域访问的设置,而且移动端的真机上可以正常访问,这才扭转了排查的思路,从前端上面入手解决问题。
什么是跨域
跨域是浏览器的专用概念,指js代码访问自己来源站点之外的站点。比如A站点网页中的js代码,请求了B站点的数据,就是跨域。
A和B要想被认为是同域,则必须有相同的协议(比如http和https就不行)、相同域名、和相同端口号(port)。
如果你是做App、小程序等非H5平台,是不涉及跨域问题的。
如何解决
解决方案:uni-app官方推荐使用HBuilderX中内置的浏览器
去预览,在内置的浏览器中不会存在跨域问题;但是要是在Chrome 浏览器中预览的话就会出现这个跨域问题,官方推荐使用安装Allow-Control-Allow-Origin: * 插件
的方式去解决。参考:uni-app H5跨域问题解决方案(CORS、Cross-Origin)。
# 是否允许跨域访问 CORS,如果允许,设置允许的域名
accessControlAllowOrigin: '*'
# 允许跨域访问时 CORS,可以获取和返回的方法和请求头
accessControlAllowMethods: GET, POST, OPTIONS
accessControlAllowHeaders: content-type, x-requested-with, x-ajax, x-token, x-remember
accessControlExposeHeaders: x-remember
参考文章
边栏推荐
- Lattice coloring - matrix fast power optimized shape pressure DP
- Why should we understand the trend of spot gold?
- Pytorch(六) —— 模型调优tricks
- The charm of SQL optimization! From 30248s to 0.001s
- Button wizard script learning - about tmall grabbing red envelopes
- 力扣(LeetCode)187. 重复的DNA序列(2022.07.06)
- LeetCode中等题之我的日程安排表 I
- Thinkcmf6.0安装教程
- Info | webrtc M97 update
- 3D reconstruction - stereo correction
猜你喜欢
PHP exports millions of data
2022 simulated examination question bank and online simulated examination of tea master (primary) examination questions
Introduction to basic components of wechat applet
Detailed explanation of Kalman filter for motion state estimation
[quick start of Digital IC Verification] 17. Basic grammar of SystemVerilog learning 4 (randomization)
2022制冷与空调设备运行操作复训题库及答案
追风赶月莫停留,平芜尽处是春山
padavan手动安装php
王爽 《汇编语言》之寄存器
微信小程序基本组件使用介绍
随机推荐
【数字IC验证快速入门】14、SystemVerilog学习之基本语法1(数组、队列、结构体、枚举、字符串...内含实践练习)
2022 tea master (intermediate) examination questions and mock examination
微信小程序基本组件使用介绍
Button wizard script learning - about tmall grabbing red envelopes
Wechat applet data binding multiple data
LeetCode简单题之找到一个数字的 K 美丽值
Bugku CTF daily one question chessboard with only black chess
Few-Shot Learning && Meta Learning:小样本学习原理和Siamese网络结构(一)
Ansible
Leetcode 40: combined sum II
【数字IC验证快速入门】15、SystemVerilog学习之基本语法2(操作符、类型转换、循环、Task/Function...内含实践练习)
【數字IC驗證快速入門】15、SystemVerilog學習之基本語法2(操作符、類型轉換、循環、Task/Function...內含實踐練習)
Problem solving: unable to connect to redis
自定义类加载器加载网络Class
【数字IC验证快速入门】13、SystemVerilog interface 和 program 学习
Sign up now | oar hacker marathon phase III, waiting for your challenge
JSON data flattening pd json_ normalize
芯片 設計資料下載
Recursive method to construct binary tree from preorder and inorder traversal sequence
Use and analysis of dot function in numpy