【react】创建启动react项目和跨域代理：

最新推荐文章于 2024-07-22 22:06:07 发布

Sun Peng

最新推荐文章于 2024-07-22 22:06:07 发布

阅读量796

点赞数

CC 4.0 BY-SA版权

分类专栏： React框架文章标签： react.js 前端前端框架

本文链接：https://blog.youkuaiyun.com/weixin_53791978/article/details/131569583

React框架专栏收录该内容

5 篇文章

订阅专栏

博客主要介绍了前端开发中React项目的相关内容，包括如何创建并启动React项目，以及跨域代理的相关信息，提供了跨域代理的文档链接和对应的文件路径src/setupProxy.js。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

1、创建启动react项目：

npx create-react-app 项目名        //创建
npm install                       //安装依赖
npm start                         //启动

2、跨域代理：

【1】文档：https://create-react-app.dev/docs/proxying-api-requests-in-development/

npm install http-proxy-middleware --save

【2】src/setupProxy.js:

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(
    '/ajax',
    createProxyMiddleware({
      target: 'https://m.maoyan.com',
      changeOrigin: true,
    })
  );
  app.use(
    '/api',
    createProxyMiddleware({
      target: 'https://i.maoyan.com',
      changeOrigin: true,
    })
  );
};