這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)如何在webpack中使用proxy，文章內(nèi)容豐富且以專(zhuān)業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

安慶ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)的ssl證書(shū)銷(xiāo)售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話(huà)聯(lián)系或者加微信：18982081108（備注：SSL證書(shū)合作）期待與您的合作！

webpack 配置

在這里我默認(rèn)為開(kāi)發(fā)環(huán)境的配置

1. 找到 webpack.config.js 文件

2. 在 devServer 對(duì)象下面加入以下代碼

proxy: {
  '/index':{ // 這個(gè)是你要替換的位置
  
  /** 比如你要講http://localhost:8080/index/xxx 替換成 http://10.20.30.120:8080/sth/xxx
  * 那么就需要將 index 前面的值替換掉, 或者說(shuō)是替換掉根地址, 
  *你可能發(fā)現(xiàn)了index也是需要替換的, 沒(méi)錯(cuò), 我會(huì)在后續(xù)操作中處理.
  */
  
  target: 'http://10.20.30.120:8080'//這個(gè)是被替換的目標(biāo)地址
  
  changeOrigin: true // 默認(rèn)是false,如果需要代理需要改成true
  
  pathRewrite:{
    '^/index' : '/' //在這里 http://localhost:8080/index/xxx 已經(jīng)被替換成 http://10.20.30.120:8080/
  }}
}

// 然后在你發(fā)起請(qǐng)求的js文件中的地址需要忽略http://10.20.30.120:8080/

//比如 demo.js
axios.post({
  url:'http://10.20.30.120:8080/sth/xxx'// 需要替換成下面的地址
  url:'/sth/xxx'
}
)

上述就是小編為大家分享的如何在webpack中使用proxy了，如果剛好有類(lèi)似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。