react啟動無法存取怎麼辦

react啟動無法存取的解決方案：1、安裝「http-proxy-middleware」；2、找到「setupProxy.js」並直接刪除；3、新項目，重新啟動項目即可。

本教學操作環境：Windows10系統、react18.0.0版、Dell G3電腦。

react啟動無法存取怎麼辦？

react 項目啟動顯示本地連接已拒絕

很奇怪的問題,我在前一天還能正常使用,第二天打開電腦啟動項目就出現了問題.

在百度上沒有找到react 專案啟動顯示本地連線已拒絕的解決方案

透過git版本回溯到上一個版本就可以正常連線

一開始實在沒辦法,我就從上一個版本接著寫

結果後面出現版本衝突,我手動解決之後,再次啟動專案

又是本地連線被拒絕...

當時給我氣的,人麻了

再接著實在找不到辦法,我只好用蠢辦法

新建專案,確定新專案可以啟動.

再將原項目的檔案一個個搬過去

最後我成功找到了罪魁禍首

這個東西是用來做代理的,把這個東西直接刪除就可以正常啟動,反之不行

所在問題就在這裡

因為版本問題這個的寫法有好幾種

這裡放我能正常使用的版本

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影片教學》

以上是react啟動無法存取怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！