React跨域问题报错AxiosError net::ERR_FAILED、 Network Error、ERR_NETWORK

最新推荐文章于 2024-08-27 10:55:45 发布

jx_williamwu

最新推荐文章于 2024-08-27 10:55:45 发布

阅读量1.8k

点赞数

文章标签： react

本文链接：https://blog.csdn.net/wuweicai/article/details/130089491

版权

跨域问题报错AxiosError net::ERR_FAILED、 Network Error、ERR_NETWORK
在这里插入图片描述

需要修改以下程序
app.js

getStudentData = ()=>{
    axios.get('http://localhost:3000/api1/ltl/students').then(
        response => {console.log('成功了',response.data.user);
          this.setState({aaa:response.data.user})
        },
        error => {console.log('失败了',error);}
    )
  }
改为
getStudentData = ()=>{
    axios.get('http://192.168.1.23:3000/api1/ltl/students').then(
        response => {console.log('成功了',response.data.user);
          this.setState({aaa:response.data.user})
        },
        error => {console.log('失败了',error);}
    )
  }

setupProxy.js

createProxyMiddleware('/api1', {
            //api1是需要转发的请求(所有带有/api1前缀的请求都会转发给8080)
            target: 'http://localhost:8080', //配置转发目标地址(能返回数据的服务器地址)
            changeOrigin: true, //控制服务器接收到的请求头中host字段的值
            pathRewrite: { '^/api1': '' }, //去除请求前缀，保证交给后台服务器的是正常请求地址(必须配置)

        }),
改为
createProxyMiddleware('/api1', {
            //api1是需要转发的请求(所有带有/api1前缀的请求都会转发给8080)
            target: 'http://192.168.1.23:8080', //配置转发目标地址(能返回数据的服务器地址)
            changeOrigin: true, //控制服务器接收到的请求头中host字段的值
            pathRewrite: { '^/api1': '' }, //去除请求前缀，保证交给后台服务器的是正常请求地址(必须配置)

        }),