做项目时需要的各种配置-react

爬行的码农

于 2022-02-15 15:56:42 发布

阅读量348

点赞数

分类专栏：项目常用配置文章标签： react.js 前端 reactjs

本文链接：https://blog.csdn.net/lyy112987/article/details/122946444

版权

项目常用配置专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一、配置proxy代理跨域

1.通过middleware中间件的方式设置proxy

1.npm install http-proxy-middleware --save
react脚手架已安装该库

2.在src目录中新建setupProxy.js文件，在文件中放入如下代码：

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

module.exports = function (app) {
  app.use(
     proxy('/api', {
        target: 'http://172.16.136.249:8080',
        secure: false,
        changeOrigin: true,
        pathRewrite: {
          "^/api": ""
        }
     })，
     proxy('/api2', {
        target: 'http://172.16.136.249:8080',
        secure: false,
        changeOrigin: true,
        pathRewrite: {
          "^/api2": ""
        }
     })
  )
}