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

前端解决跨域 cors

Access to XMLHttpRequest at ‘https://m.maizuo.com/gateway?cityId=410100&pageNum=1&pageSize=10&type=1&k=3558550’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
在这里插入图片描述
一般让大后端给我们搞,在这里插入图片描述
他们一般值添加一行就搞定了。
但是的但是。
如果后端真的很忙,那前端搞。
前端做正向代理来解决 proxy。
新建vue.config.js文件

module.exports = {
  devServer: { // 开发服务器设置
    proxy: { // 代理
      '/API': {    // 定义代理的名称自己写的名称,其他都是固定的
        changeOrigin: true,  // 是否启动代理
        'target': 'http://localhost:3000', // 代理的域名 https://m.maizuo.com/gateway
        'pathRewrite': {
          '^/API':'/'}  // 如果你的真实的api路径中没有/API这一个路径,把这句加上,
          // 如果本来就有/API这一路径的话,这句一定要去掉,要不然会导致域名找不到的
      }
    }
  },
}

相关文章:

  • [原]深入对比数据科学工具箱:Python和R 非结构化数据的结构化
  • 斐波那契数列 的计算规则
  • react 中 props 和 state的相同与不同
  • 理解java Web项目中的路径问题
  • react 中千万不要在render里调用this.setState
  • 系统界面图片
  • HDU 3068 回文串-Manacher
  • reactJS的props.children.map函数来遍历会收到异常提示,为什么?应该如何遍历?
  • Elasticsearch 2.3.3 搜索引擎的elasticsearch-jdbc插件安装
  • Redux中同步 action 与异步 action 最大的区别是什么
  • setTimeout和setInterval的区别
  • shell脚本编程
  • 数组常用的处理方法 map,forEach,filter, every,some, set, concat, find 等
  • 阿里云自定义监控配置实例
  • Import 和 link引入的区别
  • [译] 怎样写一个基础的编译器
  • [译]Python中的类属性与实例属性的区别
  • 【comparator, comparable】小总结
  • angular学习第一篇-----环境搭建
  • JavaScript标准库系列——Math对象和Date对象(二)
  • Python学习之路16-使用API
  • SpiderData 2019年2月13日 DApp数据排行榜
  • windows-nginx-https-本地配置
  • 不发不行!Netty集成文字图片聊天室外加TCP/IP软硬件通信
  • 程序员该如何有效的找工作?
  • 反思总结然后整装待发
  • 在electron中实现跨域请求,无需更改服务器端设置
  • ​七周四次课(5月9日)iptables filter表案例、iptables nat表应用
  • #Linux(make工具和makefile文件以及makefile语法)
  • (delphi11最新学习资料) Object Pascal 学习笔记---第7章第3节(封装和窗体)
  • (NO.00004)iOS实现打砖块游戏(九):游戏中小球与反弹棒的碰撞
  • (笔试题)分解质因式
  • (附源码)spring boot北京冬奥会志愿者报名系统 毕业设计 150947
  • (附源码)ssm基于jsp的在线点餐系统 毕业设计 111016
  • (四)【Jmeter】 JMeter的界面布局与组件概述
  • ***利用Ms05002溢出找“肉鸡
  • .net实现头像缩放截取功能 -----转载自accp教程网
  • .php文件都打不开,打不开php文件怎么办
  • @ConfigurationProperties注解对数据的自动封装
  • @synthesize和@dynamic分别有什么作用?
  • [20190401]关于semtimedop函数调用.txt
  • [BUUCTF]-PWN:wustctf2020_number_game解析(补码,整数漏洞)
  • [CareerCup] 2.1 Remove Duplicates from Unsorted List 移除无序链表中的重复项
  • [CareerCup][Google Interview] 实现一个具有get_min的Queue
  • [error] 17755#0: *58522 readv() failed (104: Connection reset by peer) while reading upstream
  • [IE编程] 多页面基于IE内核浏览器的代码示例
  • [Java] 图说 注解
  • [LeetCode周赛复盘] 第 312 场周赛20220925
  • [Lua实战]整理Lua中忽略的问题
  • [Luogu 2816]宋荣子搭积木
  • [NOI 2016]优秀的拆分
  • [NYOJ 536] 开心的mdd
  • [office] 怎么在Excel2003菜单栏自定义一个选项卡 #其他#微信#知识分享
  • [Python] scikit-learn之mean_squared_error函数(Mean Squared Error(MSE))介绍和使用案例
  • [Python] scikit-learn中数据集模块介绍和使用案例