關於vue.config.js 的 proxy 配置
阿新 • • 發佈:2022-05-22
關於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 配置