当前位置: 首页 > news >正文

锦阳商城网站搜索引擎网站优化推广

锦阳商城网站,搜索引擎网站优化推广,梅州住房和建设局网站,刚做的win7系统连上网站没网跨域问题 官方概念: 当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域本质来说,是前端请求给到后端时候,请求头里面,有一个 Origin ,会带上 协议域名端口号等;后端接受到请求&…

跨域问题

官方概念:

当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域

本质来说,是前端请求给到后端时候,请求头里面,有一个 Origin ,会带上 协议域名端口号等;后端接受到请求;如果没有在“返回头”里面放上“一些东西”,返回的时候,浏览器根据“同源策略”,就不会接受到返回;

注意:

Sec-Fetch-Site 头部有几个可能的值:same-origin: 请求源和目标是同一个站点same-site: 请求源和目标在同一个站点组(比如 sub1.example.com 和 sub2.example.com)cross-site: 跨站点请求none: 请求不是由网站发起的(比如用户直接在地址栏输入URL)

我们来看两个例子:
在这里插入图片描述
这张是微博的任意页面刷新出来的东西:
这一个请求就没有跨域啥的,
然后我们看一个 B站的例子:
在这里插入图片描述
其实涉及到两个概念:

  • Origin,(例如:https://www.bilibili.com)
  • Host ,(例如:https://data.bilibili.com)

Origin是发出方。Host是目的地:这里可以看上面请求里B站的Host
在这里插入图片描述

解决

后端,返回的头里加上一个允许标记:给放过;
代码仅供参考,实际要根据业务需求情况,还有一些其他配置,这里关注:config.addAllowedOrigin("http://localhost:3000");
在这里插入图片描述

// 方案1:后端配置 CORS(跨域资源共享)
@Configuration
public class CorsConfig {@Beanpublic CorsFilter corsFilter() {CorsConfiguration config = new CorsConfiguration();// 生产环境应该明确指定允许的域名config.addAllowedOrigin("https://www.your-domain.com");// 如果有多个域名,可以分别添加config.addAllowedOrigin("https://admin.your-domain.com");// 明确指定允许的请求方法,而不是使用 "*"config.addAllowedMethod("GET");config.addAllowedMethod("POST");config.addAllowedMethod("PUT");config.addAllowedMethod("DELETE");// 明确指定允许的头部,而不是使用 "*"config.addAllowedHeader("Authorization");config.addAllowedHeader("Content-Type");// 是否允许发送Cookieconfig.setAllowCredentials(true);// 预检请求的有效期,单位为秒config.setMaxAge(3600L);UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();source.registerCorsConfiguration("/api/**", config);return new CorsFilter(source);}
}

从前端也可以处理,生产环境的话,可以在Nginx里面配置

server {listen 80;server_name example.com;# 前端静态文件location / {root /path/to/dist;try_files $uri $uri/ /index.html;}# 后端 API 代理location /api {# 跨域配置add_header Access-Control-Allow-Origin '*';  # 生产环境建议配置具体域名add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';add_header Access-Control-Allow-Headers 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';# 处理 OPTIONS 预检请求if ($request_method = 'OPTIONS') {return 204;}# 反向代理配置proxy_pass http://localhost:8080;proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;}
}

时光海海,日常焦虑 🍀,加油

http://www.hrbkazy.com/news/23574.html

相关文章:

  • 鼓楼做网站seo查询排名系统
  • 微信网站特点软文是什么样子的
  • 信诺盛世网站专业的seo排名优化
  • 成都专业做游戏网站怎样策划一个营销型网站
  • 潍坊seo唐山seo排名
  • 岳阳企业网站建设广东新闻今日大件事
  • 建立网站第一步怎么做深圳最新通告今天
  • 做取名的网站很赚钱吗搜狗站长工具
  • 365建筑人才网win10必做的优化
  • 可以做软件的网站有哪些网络推广和网络销售的区别
  • 做网站建设需要什么工具网络营销课程ppt
  • 带后台的手机网站源码营销网
  • org域名做商业网站软文推广发布平台
  • 公司排名seo汕头seo全网营销
  • 网站前台修改手机百度网盘网页版登录入口
  • 烟台网站制作设计百度推广登录入口官网网
  • 本地怎样上传自己做的网站怎么做营销
  • 灰色风格的网站网络营销教案ppt
  • 动态网站标题怎么做优化大师app
  • 昆明网站建设公司推荐seo入门培训教程
  • 深圳电商网络网站建设首页优化排名
  • 怎样做企业官方网站台州百度关键词排名
  • 织梦怎么修改网站模板万网官网首页
  • h5和html5的区别seo教程培训班
  • 郑州汉狮哪家做网站好100个免费推广b站
  • 晋城做网站公司网站seo推广公司靠谱吗
  • 弹性盒子做自适应网站百度地图排名怎么优化
  • 企信网全国北京seo网络优化招聘网
  • 响应式网站什么用成都网站建设软件
  • ucloud网站开发google搜索首页