如图:

devServer.proxy中的 changeOrigin 参数

changeOrigin 为false时,请求头中host仍然是浏览器发送过来的host;如果设置成true:发送请求头中host会设置成target的值。

devServer.proxy中的 pathRewrite 参数

本示例中,pathRewrite设置了 '^/lr': '' ,作用如下:

使用代理,首先需要有一个标识,告诉程序这个连接要使用代理,不然的话,可能你的html、css、js、矢量图等静态资源都跑去代理。所以我们要通过一个唯一标识,让接口使用代理,静态资源文件使用本地。

proxy中的 '/lr':{······},就是告诉node,我的接口是要以 /lr 开头的才使用代理。所有的接口都要写成 /lr/xx/xx ,以 /lr 开头,最后代理的接口路径路径就是 http://localhost:8080/lirong/lr/xx/xx

但是例子中真实的后台数据接口里没有 /lr,直接就是 http://localhost:8080/lirong/xx/xx ,所以就需要配置 pathRewrite,用'^/lr': '' 将 /lr 去掉,这样既有正确的标识,又能在真实请求接口的时候去掉 /lr

Logo

前往低代码交流专区

更多推荐