跨域接口:http://t.weather.sojson.com/api/weather/city/101030100 (这是一个天气预报的接口)
1.通过配置nginx配置
nginx配置文档:https://blog.csdn.net/weixin_41487694/article/details/103851689
2React,Vue 项目下
React 中的跨域问题(使用的方法:react + axios)
可以通过package.json 中的 proxy
配置如下:"proxy":"http://t.weather.sojson.com"。
我见网上有很多说可以详细配置,的文档 配置如下:(我这样配置后直接启动不起来,有知道的小伙伴可以说一下。)
"proxy": {
"/api": {
"target": "http://t.weather.sojson.com",
"pathRewrite": {
"^/api" : ""
},
"changeOrigin": true
}
}
关键:请求的时候不要再写请求域名 (不然请求还是会报跨域)
axios.get('api/weather/city/101030100').then((res)=>{
console.log(res)
})