Javascript 如何调用外部API并传递参数并在JSON中获得结果而不出现CORS错误？

我尝试调用一个外部API，它返回一个JSON，其中包含我需要的数据，并完成我的表单

我正在尝试使用以下代码执行此操作：

     methods: {
          verificarCnpj (newValue) {        
            if (newValue !== 0 && newValue.length === 14) {
              console.log('não é vazio e tamanho tem 14')
              this.$http.get(`https://www.receitaws.com.br/v1/cnpj/${newValue}`)
                .then(response => {
                  return response.body
                })
                .catch((error) => {
                  console.log(error)
                })
            }
          },
    .........

其中

newValue

是参数do pass data to the API的返回值

结果示例：

但我的控制台中有一个返回：

CORS策略已阻止从源“”访问“”处的XMLHttpRequest:对飞行前请求的响应未通过访问控制检查：请求的资源上不存在“访问控制允许源”标头

这是控制台错误的捕获：

我如何解决这个问题？

---

谢谢大家

据我所知，您正在尝试获取JSON文件并使用这些值填写表单，请首先检查您的数据库，如果没有问题，请尝试创建一个GITHUB帐户，将JSON文件上传到那里，并从那里授予其访问权限，由于安全问题，您的CORS错误将取消，因为JS限制从localServer上传任何内容。

什么数据库？OP没有提到数据库。“将JSON文件上传到那里，并从那里提供访问权限”-如何使用Github提供跨源访问权限？这不是我听说过的一个功能。“限制任何上传”-这里不涉及上传。问题是关于“上传JSON文件”——JSON似乎是由第三方API动态生成的。保存它的快照将没有用处。@Ramos-仍然是一个重复的问题。答案仍然在页面顶部的黄色大框中链接的另一端。