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, 打完收工当node服务器 遇到 以 '/pweixin' 开头的请求,就会把 target 字段加上,那么我的请求地址就为 http://45.105.124.130:8081/pweixin/xxxx/xxx
下面的 pathRewrite 表示的意思是 把/pweixin替换为 空,那么我的请求地址就为 http://45.105.124.130:8081/xxxx/xxx(用在如果你的实际请求地址没有 rng 的情况)