1. 程式人生 > 其它 >關於vue.config.js 的 proxy 配置

關於vue.config.js 的 proxy 配置

關於vue.config.js 的 proxy 配置有的同學不怎麼明白專案裡面有的配置了 pathRewrite 地址重寫,有的又沒有進行配置?/*
* proxy代理配置的說明

* *介面例子:/zy-server/sms/captcha
*
* 1.沒有配置地址重寫 pathRewrite:
* proxy: {
  '/zy-server': {
    target: 'http://localhost:5220', //測試環境
  },
},
*  proxy: 'http://localhost:5220'  //也可以這樣寫
*  
*  比如: http://localhost:8081/zy-server/sms/captcha 
        會被轉發到 http://localhost:5220/zy-server/sms/captcha //瀏覽器是看不到的
*
* 2.配置有 地址重寫 pathRewrite: 就不能用 ‘/zy-server’ 作為代理欄位,因為後端介面是帶有的,
*  前端介面得加上自定義 ‘/mg’ 進行實現更多的代理控制行為:
* *介面例子:/mg/zy-server/sms/captcha
*
* proxy: {
  '/mg': {
    target: 'http://localhost:5220', //測試環境
    pathRewrite: {
      '^/mg': ''
    }
  },
},
*
*  比如: http://localhost:8081/mg/zy-server/sms/captcha 會被轉發到 
        http://localhost:5220/zy-server/sms/captcha
* 
*/?檢視官網 vue.config.js 配置