没有'Access-Control-Allow-Origin'标题出现在请求的资源API和网站在同一端口

Question

我有我的网站和我的api托管在同一个端口上的服务器（：80）。 我想从我的网站视图发送请求到我的api。

这是我的要求：（我reactJS拼命地跑它componentWillMount）

axios.request({ 
     url: ROOT_URL + '/user/comfirmation/' + tmp[1], 
     method: 'get', 
     data: null, 
     headers: { 
      'Content-Type': 'application/json' 
     } 
    }) 
    .then((response) => { 

     if (response.data.Type == "EmailUpdated") { 
      this.setState({ 
       actualState: 'success', 
       type: response.data.Type, 
       email: response.data.Email 
      }) 
     } else { 
      this.setState({ 
       actualState: 'success', 
       type: response.data.Type 
      }) 
     } 

    }).catch((error) => { 
      this.setState({ 
       actualState: 'error' 
      }) 
    }) 

它完美的地方，但在我的网站上部署我得到这个错误：

但方法是允许的：

我试过取回我没有这个错误，但我真的想解决与axios这个问题，因为我更喜欢它的实现。有人能帮我吗？

Answer 1

spottedways.com和www.spottedways.com不是同一个来源。其中一个在前面有一个www.。 完成主机名必须匹配，而不仅仅是第二级域。

• 停止使用绝对URL。使用相对URL。
• 选择你的两个主机名（www或no-www）中的一个作为规范。设置另一个主机名来发出301重定向到规范的主机名。