方式一
package.json 添加配置项
{
{
...
},
"proxy":"目标域名地址:端口号"
}
重启react项目,此时,就可以进行代理转发。
在package.json中添加proxy后,当访问一个react项目不存在的路由地址时,会自动的转发到proxy对应的目标域名地址上。(但是当请求的地址和路由规则一致时就会出问题,并且不能设置多个转发规则)
方式二
使用插件
npm i http-proxy-middleware --save
在src目录下创建一个名为 setupProxy.js 文件
const proxy = require("http-proxy-middleware")
module.exports = function(app){
app.use(proxy.createProxyMiddleware(
"/关键词",{
target:"目标域名地址",
changeOrigin:true,
pathRewrite:{
"^/关键词":""
}
}
))
app.use(proxy.createProxyMiddleware(
"/关键词",{
target:"目标域名地址",
changeOrigin:true,
pathRewrite:{
"^/关键词":""
}
}
))
...
}
重启项目,然后就可以进行代理转发