찾다
웹 프론트엔드프런트엔드 Q&A시작하는 동안 React에 액세스할 수 없는 경우 수행할 작업

반응 시작 불가에 대한 해결 방법: 1. "http-proxy-middleware"를 설치합니다. 2. "setupProxy.js"를 찾아 직접 삭제합니다. 3. 새 프로젝트를 만들고 프로젝트를 다시 시작합니다.

시작하는 동안 React에 액세스할 수 없는 경우 수행할 작업

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 18.0.0, Dell G3 컴퓨터.

리액트 스타트업에 접근할 수 없으면 어떻게 해야 하나요?

React 프로젝트를 시작하면 로컬 연결이 거부되었다고 표시됩니다

아주 이상한 문제입니다. 전날에는 정상적으로 사용할 수 있었는데 다음날 컴퓨터를 열고 프로젝트를 시작하니 문제가 발생했습니다. .

바이두에서 해당 리액트 프로젝트를 찾을 수 없습니다. 로컬 연결이 거부되었음을 나타내는 솔루션을 시작하세요

git 버전을 통해 이전 버전으로 돌아가면 정상적으로 연결이 가능합니다

처음에는 정말 방법이 없었습니다. , 그래서 이전 버전부터 계속 썼어요

결국 버전 충돌이 나서 수동으로 해결했어요 그 후 프로젝트를 다시 시작했어요

로컬 연결이 또 거부됐어요...

그랬어요 마비된 당시에 화가 났어요

더 이상 방법을 찾을 수 없어서 어리석은 방법을 써야만 했습니다

새 프로젝트를 만들고 새 프로젝트를 확인하면 시작될 수 있습니다.

그러면 나는 원본 프로젝트의 파일을 하나씩 옮겼습니다

드디어 범인을 찾았습니다

시작하는 동안 React에 액세스할 수 없는 경우 수행할 작업

이것은 프록시로 사용됩니다. 삭제하면 정상적으로 시작됩니다. 아니요

문제는 여기에 있습니다

버전 문제 때문에 쓰는 방법이 여러 가지가 있습니다

평소에 쓸 수 있는 버전은 이렇습니다

const { createProxyMiddleware } = require('http-proxy-middleware')
 
module.exports = function (app) {
 
  app.use(createProxyMiddleware('/api', {
 
    target: 'http://106.14.82.240:3000',
 
    secure: false,
 
    changeOrigin: true,
 
    pathRewrite: {
 
      "^/api": "/api"
 
    }
 
  }))
 
}

그리고 http-proxy-middleware

도 꼭 설치해주세요추천 학습: "

반응 동영상 튜토리얼🎜》🎜

위 내용은 시작하는 동안 React에 액세스할 수 없는 경우 수행할 작업의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
react中canvas的用法是什么react中canvas的用法是什么Apr 27, 2022 pm 03:12 PM

在react中,canvas用于绘制各种图表、动画等;可以利用“react-konva”插件使用canvas,该插件是一个canvas第三方库,用于使用React操作canvas绘制复杂的画布图形,并提供了元素的事件机制和拖放操作的支持。

react中antd和dva是什么意思react中antd和dva是什么意思Apr 21, 2022 pm 03:25 PM

在react中,antd是基于Ant Design的React UI组件库,主要用于研发企业级中后台产品;dva是一个基于redux和“redux-saga”的数据流方案,内置了“react-router”和fetch,可理解为应用框架。

React是双向数据流吗React是双向数据流吗Apr 21, 2022 am 11:18 AM

React不是双向数据流,而是单向数据流。单向数据流是指数据在某个节点被改动后,只会影响一个方向上的其他节点;React中的表现就是数据主要通过props从父节点传递到子节点,若父级的某个props改变了,React会重渲染所有子节点。

react中为什么使用nodereact中为什么使用nodeApr 21, 2022 am 10:34 AM

因为在react中需要利用到webpack,而webpack依赖nodejs;webpack是一个模块打包机,在执行打包压缩的时候是依赖nodejs的,没有nodejs就不能使用webpack,所以react需要使用nodejs。

react是组件化开发吗react是组件化开发吗Apr 22, 2022 am 10:44 AM

react是组件化开发;组件化是React的核心思想,可以开发出一个个独立可复用的小组件来构造应用,任何的应用都会被抽象成一颗组件树,组件化开发也就是将一个页面拆分成一个个小的功能模块,每个功能完成自己这部分独立功能。

react和reactdom有什么区别react和reactdom有什么区别Apr 27, 2022 am 10:26 AM

react和reactdom的区别是:ReactDom只做和浏览器或DOM相关的操作,例如“ReactDOM.findDOMNode()”操作;而react负责除浏览器和DOM以外的相关操作,ReactDom是React的一部分。

react中forceupdate的用法是什么react中forceupdate的用法是什么Apr 19, 2022 pm 12:03 PM

在react中,forceupdate()用于强制使组件跳过shouldComponentUpdate(),直接调用render(),可以触发组件的正常生命周期方法,语法为“component.forceUpdate(callback)”。

react有没有双向绑定react有没有双向绑定Apr 21, 2022 am 10:24 AM

react中没有双向绑定;react的设计思想就是单向数据流,没有双向绑定的概念;react是view层,单项数据流只能由父组件通过props将数据传递给子组件,满足了view层渲染的要求并且更易测试与控制,所以在react中没有双向绑定。

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

맨티스BT

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

mPDF

mPDF

mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전