# react本地配置启动应用请求后台接口配置

Gregory_xiao

已于 2023-03-17 14:25:48 修改

阅读量939

点赞数 1

文章标签： javascript 前端 react.js

于 2023-03-17 14:22:25 首次发布

本文链接：https://blog.csdn.net/weixin_43999634/article/details/129619680

版权

react本地配置启动应用请求后台接口配置

1：按照react官方文档安装方法使用 create-react-app 创建应用

npx create-react-app my-app
cd my-app
npm start

2; 打开文件夹在src 下新建 setupProxy.js 文件文件名字不能错误

在这里插入图片描述

3：在 setupProxy.js 文件粘贴

const {createProxyMiddleware} = require('http-proxy-middleware')
module.exports = function(app){
  app.use(
    createProxyMiddleware('/test',{ //接口前缀 请求转发的请求
      target:'接口请求地址', //接口请求后台服务器地址
      changeOrigin:true, 
      pathRewrite:{'^/test':'/test'} //重写请求路径
    }),
  )
}