proxy 跨域配置, 針對有axios的baseURL

zhiwei發表於2018-11-05
跨域iOS

1.首先主要的config檔案下的index.js中的proxytable配置
proxyTable:{

  `/proxy`: {

    target:`http://192.168.2.141:8080`, 

    changeOrigin:true,

    pathRewrite: {
      `^/proxy`: ``
    }
  }
}
//proxy這個詞可以任意換,但文下的詞要一致

2.config下的dev.env.js中配置base_api,即與上文對應的proxy

module.exports = merge(prodEnv, {
  NODE_ENV: `"development"`,
  BASE_API: `"/proxy"`
})

//這裡是開發模式下的配置,產品模式到prod.env.js中配置

3.axios中的全域性設定配置

axios.defaults.baseURL = process.env.BASE_API;

4.請求的時候,例如我現在需要請求 http://192.168.2.141:8080/WX/shopCart/findShopCartList 這個介面,這樣寫就行了 ↓

getData(){
        this.axios({
          method:`post`,
          url:`/WX/shopCart/findShopCartList`,
          data:{
           
          }

        }).then(res=>{
            console.log(res,`返回的資料`)
        }

好了大功告成!

相關文章