跨域问题报错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': '' }, //去除请求前缀,保证交给后台服务器的是正常请求地址(必须配置)

        }),
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐