CORS仅在post请求时阻止[副本]

Question

当我向我的api发出请求时，chrome会阻止我的请求，原因是内核。在我的firebase云函数上，我添加了response.set('access-control-allow-origin','*')；（axios get中的xxxxxx只是隐藏请求url）

export const getApproximateAddress = functions.https.onRequest(async(request, response)=>{
 try{
     response.set('Access-Control-Allow-Origin','*');
     response.set('Access-Control-Allow-Methods','GET, POST, PATCH, PUT, DELETE, OPTIONS');
     let data = JSON.parse(request.body);
     let lat = "";
     let lng = "";
     let hasCoords = false;
     if( data.lat !== undefined && data.lng !== undefined){
         lat = data.lat;
         lng = data.lng;
         hasCoords = true;
     }
     let place = data.place;
     let result;
     if(hasCoords){
         result = await axios.get(`xxxxxxxx`);
         console.log("hehe");
     }else{
         result = await axios.get(`xxxxxxxx`);
     }
     if(result.status !== 200){
        response.status(result.status).send(result.data);
     }else{
        console.log(result.data.features);
        response.status(200).send(result.data.features);
     }
  }catch(error){
     response.status(500).send(error);
 }

然后在我的angular应用程序中，我发出一个http post请求，如下所示

searchLoation(query:any):Observable<any>{
  const url = 'https:XXXXXXXX/getApproximateAddress';
  return this.http.post(url,{place:query},{
    observe: 'body'
  });
}

url与请求来自的域不同。

当我测试《邮差》里的一切，一切都很好...

Answer 1

您需要在服务器上允许CORS（在云功能API中）。可能是这样的，这取决于您的API内置的内容。CORS总是需要在服务器上设置，报头通常不会有影响。下面是一个Node.js解决方案作为示例。您将需要安装cors库

import * as cors from 'cors'

const app = express()

app.use(
  cors({
    origin: true,
  }),
)