首页 > 其他 > 详细

react 配置代理 解决跨域

时间:2020-04-20 22:35:51      阅读:97      评论:0      收藏:0      [点我收藏+]
/*
跨域 
1、 jsonp 最原始
2、 CORS 后台解决跨域方法 Access-Control-Allow-Origin
3、前端配置代理   在本地装一个node -> 后台接口 我们的ajax -> node服务 本地开发才有, 打包上线 就没有node了 
 
*/

官网:https://www.html.cn/create-react-app/docs/proxying-api-requests-in-development/

第一步:

$ npm install http-proxy-middleware --save
$ # 或
$ yarn add http-proxy-middleware

  

第二步:创建 src/setupProxy.js 并将以下内容放入该文件中:

const proxy  = require(‘http-proxy-middleware‘)

module.exports = function (app) {
  app.use(
    proxy(‘/api‘, {
      target: ‘http://localhost:3000/‘,
      changeOrigin: true,
      pathRewrite: {
        ‘^/api‘: ‘‘
      }
    }),
  )
}

  

结尾: 如果配置多个代理。复制一份 app.use(),然后把上面哪个‘api‘名字换了。把target路径换了就可以了。

react 配置代理 解决跨域

原文:https://www.cnblogs.com/yetiezhu/p/12740708.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!