在请求的资源上没有“访问-控制-允许-源”头，而API和网站位于同一个端口上。

Question

我的站点和api托管在服务器(:80)上的同一个端口上。我想从我的网站上发送一个请求到我的api。

这是我的请求：(我在componentWillMount中运行了reactJS)

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'
             })
     })

它在本地很好地工作，但是当我的网站被部署时，我得到了以下错误：

​

​

但允许采用以下方法：

我试过使用fetch，我没有这个bug，但是我真的想用axios来解决这个问题，因为我更喜欢它的实现。有人能帮我吗？

Answer 1

spottedways.com和www.spottedways.com的起源不同。一个在前面有一个www.。完整的主机名必须匹配，而不仅仅是二级域。

• 停止使用绝对URL。使用相对URL。
• 从您的两个主机名(www或no-www)中选择一个作为典型的主机名。将其他主机名设置为发出301重定向到规范主机名。