Vue.js Vue Cli 3即使在标头更改后也会阻止COR

我在本地运行Vue Cli 3应用程序和谷歌云功能（CF）

我已将CF中的响应标题更改如下：

res.set('Access-Control-Allow-Origin', "*")
res.set('Access-Control-Allow-Methods', 'GET, POST')

当我从浏览器中调用CF时，它为我提供了很好的服务

由于某些原因，在Vue应用程序内调用时，同一调用会被CORS阻止。 我尝试了Firefox（通过设置和使用插件启用CORS）

我还向vue.config.js添加了以下内容，如下所述：

// vue.config.js
module.exports = {
    devServer: {
       proxy: 'http://localhost:8010', //<-- my CFs are running on 8010
   }
}

//vue.config.js
module.exports={
开发服务器：{
代理：'http://localhost:8010“，//问题在于本地云函数模拟器

当我在实时环境中修改云函数头时，它就开始工作了

// Set CORS headers for preflight requests
function setCorsHeaders(req, res){
  res.set('Access-Control-Allow-Origin', CLIENT_URL);
  res.set('Access-Control-Allow-Credentials', 'true');

  if (req.method === 'OPTIONS') {
    // Send response to OPTIONS requests
    res.set('Access-Control-Allow-Methods', 'GET,POST');
    res.set('Access-Control-Allow-Headers', 'Content-Type');
    res.set('Access-Control-Max-Age', '3600');
    res.status(204).send('');
  }
}

问题在于本地云函数模拟器

当我在实时环境中修改云函数头时，它就开始工作了

// Set CORS headers for preflight requests
function setCorsHeaders(req, res){
  res.set('Access-Control-Allow-Origin', CLIENT_URL);
  res.set('Access-Control-Allow-Credentials', 'true');

  if (req.method === 'OPTIONS') {
    // Send response to OPTIONS requests
    res.set('Access-Control-Allow-Methods', 'GET,POST');
    res.set('Access-Control-Allow-Headers', 'Content-Type');
    res.set('Access-Control-Max-Age', '3600');
    res.status(204).send('');
  }
}