国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

【react】創(chuàng)建啟動react項(xiàng)目和跨域代理:

這篇具有很好參考價(jià)值的文章主要介紹了【react】創(chuàng)建啟動react項(xiàng)目和跨域代理:。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。


1、創(chuàng)建啟動react項(xiàng)目:
npx create-react-app 項(xiàng)目名        //創(chuàng)建
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】創(chuàng)建啟動react項(xiàng)目和跨域代理:,React框架,react.js,前端,前端框架
【react】創(chuàng)建啟動react項(xiàng)目和跨域代理:,React框架,react.js,前端,前端框架文章來源地址http://www.zghlxwxcb.cn/news/detail-525077.html

到了這里,關(guān)于【react】創(chuàng)建啟動react項(xiàng)目和跨域代理:的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • react項(xiàng)目入門,創(chuàng)建項(xiàng)目

    react項(xiàng)目入門,創(chuàng)建項(xiàng)目

    react項(xiàng)目入門,創(chuàng)建項(xiàng)目 第零步,檢查版本 node -v npm -v 1a69c3036bc3aea6d29d2b66fe46602f.jpg 第一步,新建個文件夾,不能中午命名,然后直接拖向code.exe開發(fā)工具 f0e9d25b01c1256f0b168cb255c77c1a.jpg 第二步,創(chuàng)建項(xiàng)目 打開后,點(diǎn)擊左下角圖標(biāo)/或者頂部按鈕終端新建終端,打開命令輸入界面

    2024年02月07日
    瀏覽(23)
  • 使用create-react-app創(chuàng)建react項(xiàng)目

    全局安裝create-react-app 使用create-react-app創(chuàng)建一個項(xiàng)目 如果不想全局安裝,可以直接使用npx 這需要等待一段時間,這個過程實(shí)際上會安裝三個東西 react: react的頂級庫 react-dom: 因?yàn)閞eact有很多的運(yùn)行環(huán)境,比如app端的react-native, 我們要在web上運(yùn)行就使用react-dom react-scripts: 包含運(yùn)

    2024年02月11日
    瀏覽(20)
  • vite 創(chuàng)建 react 項(xiàng)目

    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\\\" 清除瀏覽器默認(rèn)樣式 安裝 sass npm i?sass 正確的樣式引入順序 樣式初始化即 reset-css --》? ui框架樣式

    2024年01月17日
    瀏覽(21)
  • 【React】腳手架創(chuàng)建項(xiàng)目

    【React】腳手架創(chuàng)建項(xiàng)目

    ? 創(chuàng)建React項(xiàng)目的命令如下: ? ? 注意:項(xiàng)目名稱 不能包含大寫字母 ? ? 另外還有更多創(chuàng)建項(xiàng)目的方式,可以參考GitHub的readme 命令: create-react-app 你的項(xiàng)目名稱 ? 創(chuàng)建完成后,進(jìn)入對應(yīng)的目錄,就可以將項(xiàng)目跑起來: yarn start ? 我們可以通過VSCode打開項(xiàng)目: 注意 se

    2024年01月19日
    瀏覽(159)
  • 創(chuàng)建一個 React+Typescript 項(xiàng)目

    創(chuàng)建一個 React+Typescript 項(xiàng)目

    接下來 我們來一起探索一下用TypeScript 來編寫react 這也是一個非常好的趨勢,目前也非常多人使用 那么 我們就先從創(chuàng)建項(xiàng)目開始 首先 我們先找一個 或者 之前創(chuàng)建一個目錄 用來放我們的項(xiàng)目 然后 在這個目錄下直接輸入 例如 這里 我想創(chuàng)建一個叫 tsReApp 的項(xiàng)目就可以輸入

    2024年02月13日
    瀏覽(22)
  • react快速開始(三)-create-react-app腳手架項(xiàng)目啟動;使用VScode調(diào)試react

    react快速開始(三)-create-react-app腳手架項(xiàng)目啟動;使用VScode調(diào)試react

    create-react-app(以下簡稱cra)作為react官方提供的腳手架工具,是目前生成react項(xiàng)目一個非常常用和主流的工具。很多企業(yè)級的應(yīng)用搭建也是基于這個腳手架工具上二次開發(fā) create-react-app腳手架 生成的 package.json中 scripts如下: 我們看到分別是項(xiàng)目的啟動開發(fā)環(huán)境,構(gòu)建,測試的

    2024年02月10日
    瀏覽(28)
  • 使用React18+Ts創(chuàng)建項(xiàng)目

    使用React18+Ts創(chuàng)建項(xiàng)目

    首先,使用create-react-app工具創(chuàng)建一個新的React項(xiàng)目: 使用腳手架創(chuàng)建項(xiàng)目后,自帶react-dom等依賴項(xiàng),但react中的所用的路由方法是react-router-dom中。 默認(rèn)情況下,create-react-app模板會自動生成一些文件和文件夾,這些文件和文件夾包括: node_modules:存儲所有的項(xiàng)目依賴項(xiàng)。 p

    2024年02月09日
    瀏覽(18)
  • 創(chuàng)建react native項(xiàng)目的筆記

    創(chuàng)建react native項(xiàng)目的筆記

    本項(xiàng)目適用于react native@0.72 react@18.2 添加 npm install react-native-gesture-handler ##接入第三支付 https://open.weixin.qq.com/

    2024年02月12日
    瀏覽(24)
  • React【React是什么?、創(chuàng)建項(xiàng)目 、React組件化、 JSX語法、條件渲染、列表渲染、事件處理】(一)

    React【React是什么?、創(chuàng)建項(xiàng)目 、React組件化、 JSX語法、條件渲染、列表渲染、事件處理】(一)

    ? ? ? ?React是什么? 為什么要學(xué)習(xí)React? React開發(fā)前準(zhǔn)備? 創(chuàng)建React項(xiàng)目?

    2024年02月11日
    瀏覽(23)
  • 使用 React Native CLI 創(chuàng)建項(xiàng)目

    使用 React Native CLI 創(chuàng)建項(xiàng)目

    需要掌握的知識點(diǎn) 掌握 JavaScript 基礎(chǔ)知識 掌握 React 相關(guān)基礎(chǔ)知識 掌握 TypeScript 相關(guān)基礎(chǔ)知識 安裝軟件前需要首先安裝Chocolatey。Chocolatey 是一種流行的 Windows 包管理器。 安裝 nodejs 和 JDK 安裝需要的開發(fā)工具 VsCode Android Studio(主要是用來安裝虛 SDK 和安裝虛擬設(shè)備) 使用

    2024年02月14日
    瀏覽(52)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包