美文网首页
react中使用http-proxy-middleware反向代

react中使用http-proxy-middleware反向代

作者: hmg | 来源:发表于2020-08-20 07:26 被阅读0次

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

    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反向代

          本文链接:https://www.haomeiwen.com/subject/ilnjjktx.html