javascript - API 和网站位于同一端口的请求资源上不存在 'Access-Control-Allow-Origin' header

Question

我的网站和 API 托管在服务器上的同一端口 (:80)。我想从我的网站 View 向我的 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'
             })
     })

它在本地运行良好，但是当部署我的网站时，我收到此错误:

但方法是允许的:

我尝试过使用 fetch 没有这个错误，但我真的想用 axios 解决这个问题，因为我更喜欢它的实现。有人可以帮助我吗？

Answer 1

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

• 停止使用绝对网址。使用相对 URL。
• 选择两个主机名(www 或无 www)之一作为规范主机名。设置另一个主机名以发出 301 重定向到规范主机名。