以下為學習react技術堆疊開發程序中，遇到的問題以及解決方法總結，各位看官請往下瞧！☆?（ゝ，?）
如何進行跨域？
方式一
第一步，執行命令
yarn eject
先將react-scripts的配置釋放出來，
第二步，配置config/webpackDevServer.config.js
在config/webpackDevServer.config.js中全域搜索proxy，找到
配置成需要代理的介面配置：
(關于proxy的一些引數的含義和配置的規則，不知道的小伙伴可以到網上查閱一下，這里不做說明，)
配置完成后重啟，即可生效，
方式二
第二種方式，不需要執行yarn eject，將react-scripts的配置彈射，
需要安裝 http-poxy-middleware依賴，
先執行
yarn add http-poxy-middleware -S
執行完成后，再到src目錄下新建檔案setupProxy.js
配置為
const {createProxyMiddleware} = require("http-proxy-middleware");
module.exports = function(app){
app.use(
createProxyMiddleware("/api",{
target:"你的介面前綴",
changeOrigin:true,
pathRewrite:{
"^/api":""
}
})
)
}
重啟，查看是否生效，
第一種方式是我現在用的，驗證過已生效，第二種方式，我沒驗證過是否生效，但是網上有很多篇文章有說明，故我也寫上，待之后親自驗證，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/286903.html
標籤：其他
上一篇：移動接入技術