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

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, 打完收工
posted @ 2021-03-15 10:33  千叶祥龙  阅读(577)  评论(0编辑  收藏  举报