如果是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
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐