前后端接口跨域

如果是get请求的话,可以完美解决

跨域:get请求 完美解决跨域请求问题:
可以直接在html页面添加,因为这可以直接调用,

<script src="https://d1.weather.com.cn/sk_2d/101010100.html?_=" ></script>

这是调用天气的接口,使用的get请求,并且返回的内容是

var dataSK = {name:"xxx",weather:"xxx"}

这刚刚好是js格式的,哈哈
然后就可以在自己的页面上操作此接口的返回值啦

  var cityname = dataSK.cityname;
  var temp = dataSK.temp;
  var weather = dataSK.weather;
  var date = dataSK.date;

结束





如果是vue的话

  1. 在测试环境有效,生产环境无用
    在这里插入图片描述
    在这里插入图片描述
    请求的ajax:
    在这里插入图片描述
  2. 生产环境有效,测试不
    在nginx配置文件里配置如下
server {
    listen       80;
    listen  [::]:80;
    server_name  localhost;

 
    location / {
        root   /usr/share/nginx/html/dist;
        index  index.html index.htm;
    }
	
	# location后面是正则匹配 ~*忽略大小写
	location ~*^/Seventh_SSM {
		proxy_pass http://39.107.104.254:801;
	}
 
}

以上方法是:前端解决跨域,当然也可以在后端做

  1. 后端跨域解决方案:
    在接口层 controller层添加一个注解即可,@注解
    完成! (具体哪个注解需要查baidu.com
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值