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

这篇具有很好参考价值的文章主要介绍了【react】创建启动react项目和跨域代理:。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。


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,
    })
  );
};

【react】创建启动react项目和跨域代理:,React框架,react.js,前端,前端框架
【react】创建启动react项目和跨域代理:,React框架,react.js,前端,前端框架文章来源地址https://www.toymoban.com/news/detail-525077.html

到了这里,关于【react】创建启动react项目和跨域代理:的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • react项目入门,创建项目

    react项目入门,创建项目 第零步,检查版本 node -v npm -v 1a69c3036bc3aea6d29d2b66fe46602f.jpg 第一步,新建个文件夹,不能中午命名,然后直接拖向code.exe开发工具 f0e9d25b01c1256f0b168cb255c77c1a.jpg 第二步,创建项目 打开后,点击左下角图标/或者顶部按钮终端新建终端,打开命令输入界面

    2024年02月07日
    浏览(35)
  • 使用create-react-app创建react项目

    全局安装create-react-app 使用create-react-app创建一个项目 如果不想全局安装,可以直接使用npx 这需要等待一段时间,这个过程实际上会安装三个东西 react: react的顶级库 react-dom: 因为react有很多的运行环境,比如app端的react-native, 我们要在web上运行就使用react-dom react-scripts: 包含运

    2024年02月11日
    浏览(34)
  • vite 创建 react 项目

    npm create vite@latest 选择 react 和 ts 安装 redux react-redux npm i redux react-redux 安装 react-router-dom npm i react-router-dom 安装 reset-css 样式初始化 npm i reset-css 在 main.tsx 中引入 import \\\"reset-css\\\" 清除浏览器默认样式 安装 sass npm i sass 正确的样式引入顺序 样式初始化即 reset-css --》  ui框架样式

    2024年01月17日
    浏览(41)
  • 【React】脚手架创建项目

    ◼ 创建React项目的命令如下: ​  注意:项目名称 不能包含大写字母 ​  另外还有更多创建项目的方式,可以参考GitHub的readme 命令: create-react-app 你的项目名称 ◼ 创建完成后,进入对应的目录,就可以将项目跑起来: yarn start ◼ 我们可以通过VSCode打开项目: 注意 se

    2024年01月19日
    浏览(67)
  • 创建一个 React+Typescript 项目

    接下来 我们来一起探索一下用TypeScript 来编写react 这也是一个非常好的趋势,目前也非常多人使用 那么 我们就先从创建项目开始 首先 我们先找一个 或者 之前创建一个目录 用来放我们的项目 然后 在这个目录下直接输入 例如 这里 我想创建一个叫 tsReApp 的项目就可以输入

    2024年02月13日
    浏览(42)
  • react快速开始(三)-create-react-app脚手架项目启动;使用VScode调试react

    create-react-app(以下简称cra)作为react官方提供的脚手架工具,是目前生成react项目一个非常常用和主流的工具。很多企业级的应用搭建也是基于这个脚手架工具上二次开发 create-react-app脚手架 生成的 package.json中 scripts如下: 我们看到分别是项目的启动开发环境,构建,测试的

    2024年02月10日
    浏览(56)
  • 创建react native项目的笔记

    本项目适用于react native@0.72 react@18.2 添加 npm install react-native-gesture-handler ##接入第三支付 https://open.weixin.qq.com/

    2024年02月12日
    浏览(44)
  • 使用React18+Ts创建项目

    首先,使用create-react-app工具创建一个新的React项目: 使用脚手架创建项目后,自带react-dom等依赖项,但react中的所用的路由方法是react-router-dom中。 默认情况下,create-react-app模板会自动生成一些文件和文件夹,这些文件和文件夹包括: node_modules:存储所有的项目依赖项。 p

    2024年02月09日
    浏览(40)
  • React【React是什么?、创建项目 、React组件化、 JSX语法、条件渲染、列表渲染、事件处理】(一)

           React是什么? 为什么要学习React  React开发前准备  创建React项目 

    2024年02月11日
    浏览(52)
  • 使用 React Native CLI 创建项目

    需要掌握的知识点 掌握 JavaScript 基础知识 掌握 React 相关基础知识 掌握 TypeScript 相关基础知识 安装软件前需要首先安装Chocolatey。Chocolatey 是一种流行的 Windows 包管理器。 安装 nodejs 和 JDK 安装需要的开发工具 VsCode Android Studio(主要是用来安装虚 SDK 和安装虚拟设备) 使用

    2024年02月14日
    浏览(58)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包