新學習react
開始配置react跨域的時候
在網上查看到是在packjson.json里面添加如下代碼：
1 "proxy": { 2 "/api": { 3 "target": "http://localhost:8080" 4 }, 5 }
但是啟動專案之后報錯：
后來在網上查找錯誤，發現react新版本不支持那樣設定反向代理了
新版本做法
安裝 http-proxy-middleware
1 npm install http-proxy-middleware --save 2 yarn add http-proxy-middleware
然后創建setupProxy.js檔案，在src目錄，src/setupProxy.js
setupProxy.js這樣寫
1 module.exports = function (app) { 2 app.use(proxy('/api',{ 3 target: 'http://localhost:8080', 4 changeOrigin: true, 5 pathRewrite: { 6 "^/api": "/" 7 } 8 })) 9 }
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/174069.html
標籤：JavaScript
上一篇：Vue.js應用基礎