首页 > 其他 > 详细

vue proxyTable 代理配置,解决浏览器跨域

时间:2021-03-15 11:32:06      阅读:45      评论:0      收藏:0      [点我收藏+]

1、介绍

这里的vue代理是 vue静态服务器做代理。使用的是 http-proxy-middleware 这个模块(这个模块相当于是node.js的一个插件)。

2、在 config/index.js , dev 属性下添加配置

proxyTable: {
      ‘/pweixin‘: {
        target: ‘https://wbs.zyebank.net‘,  // u8外网地址
        // target: ‘http://40.64.135.191:8081‘,  // 渠道本地服务ip
        changeOrigin: true, // 是否跨域
        secure: false,  // 如果是https接口,需要配置这个参数
        ws: false,        //如果要代理 websockets,配置这个参数
        pathRewrite:{     // 接口参数替换, 如示:会把/pweixin替换为空,比如:/pweixin/aa 会 被替换为 /aa
            ‘^/pweixin‘:‘‘
        }
      }
    }
我的 api=‘/pweixin‘ , 请求地址就为 ‘/pweixin/xxxx/xxx‘
当node服务器 遇到 以 ‘/pweixin‘ 开头的请求,就会把 target 字段加上,那么我的请求地址就为 http://45.105.124.130:8081/pweixin/xxxx/xxx
下面的 pathRewrite 表示的意思是 把/pweixin替换为 空,那么我的请求地址就为 http://45.105.124.130:8081/xxxx/xxx(用在如果你的实际请求地址没有 rng 的情况)
3, 打完收工

vue proxyTable 代理配置,解决浏览器跨域

原文:https://www.cnblogs.com/hsl-shiliang/p/14536137.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!