标签：http app middleware react api proxy data create

我遇到的问题：

"proxy" in package.json must be a string. //提示仅支持string 类型，不支持object类型
在reate-react-app v2升级版(webpack4.0)中，如果proxy不是字符串，直接报错

解决方案：

1. 安装http-proxy-middleware管理包，cnpm http-proxy-middleware --save

2. 在项目目录src/下新建setupProxy.js文件，然后写入如下代码:

   const proxy = require('http-proxy-middleware');
   
   module.exports = function (app) { 
       app.use(proxy('/api',{
           target:'http://localhost:3000/',
           secure:false,
           changeOrigin:true,
           pathRewrite:{
               "^/api":""
           }
       }))
    }```
   

3. 项目中用axios 使用直接

    axios.get('/api/shopData').then(res=>{
               this.setState({ data:res.data.data  });
           })```
   
   

标签：http,app,middleware,react,api,proxy,data,create
来源： https://blog.csdn.net/isHoMeTown/article/details/100559353

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。