vue-cli中的devServer.proxy相关配置项的说明
如图:devServer.proxy中的 changeOrigin 参数changeOrigin 为false时,请求头中host仍然是浏览器发送过来的host;如果设置成true:发送请求头中host会设置成target的值。devServer.proxy中的 pathRewrite 参数本示例中,pathRewrite设置了'^/lr': '' ,作用如下:使用代理,首先需要有一个标识,告诉程
·
如图:
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 。
更多推荐
已为社区贡献1条内容
所有评论(0)