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));
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。