vue-cli3 配置 proxyTable pathRewrite

proxyTable的代理是开发人员在开发环境请求服务时node进行的一个代理操作;

为什么要配置代理呢?首先,我们所有的数据接口在请求后台的时候你要告诉他你这个连接要用代理,不然的话, 可能你的 html, css, js这些静态资源都跑去代理. 所以我们只要接口用代理, 静态文件用本地.

'/api': {}, 就是告诉node, 我接口只要是'/api'开头的才用代理.所以你的接口就要这么写/api/xx/xx. 最后代理的路径就是http://xxx.xx.com/api/xx/xx.所以 /api 是我们特意加上用来区分是否要进行代理的,但是我们服务器上的接口地址实际上是http://xxx.xx.com/api/xx/xx,所以这时候就要用pathRewrite,将 '/api' 替换为 ''.

在axios中有个baseURL,我们一般保存在开发环境中。

  

axios
.env.development

在请求的时候axios会加上 baseURL ,最终的请求地址会变成 http://xxx.xx.com/web/xx/xx.

你可能感兴趣的:(vue-cli3 配置 proxyTable pathRewrite)