react中使用http-proxy-middleware反向代理报错403

请确认是否在配置文件里边写上这个键值对

pathRewrite: {'^/weather': ''}

在src目录下新建一个setupPropxy.js文件,这个文件的作用是可以查看config下的webpack.config.js中有相关配置的,它起的是一个中间件的作用。在具体执行代码前内置的node服务器会先去执行这个文件里边的代码。

http-proxy-middleware 版本在1以内的如下配置,如果是1以上的版本请参考官网,官网已经改变了配置的方式,我的版本是0.19.1,是如下配置:

var proxy=require("http-proxy-middleware");
module.exports=function(app){
    let options={
        target:"https://api.seniverse.com/v3/weather/now.json?key=SIABZ2H_PleCVZlYJ&location=beijing&language=zh-Hans&unit=c",
        pathRewrite: {'^/weather': ''},//这个是千万不能少的,否则会报403错误
        changeOrigin:true
    }
    
    app.use(proxy("/weather",options));

你可能感兴趣的:(react中使用http-proxy-middleware反向代理报错403)