proxy 跨域配置, 针对有axios的baseURL

最新推荐文章于 2024-05-25 22:13:30 发布

老彻大魔王

最新推荐文章于 2024-05-25 22:13:30 发布

阅读量543

点赞数

原文链接：https://www.cnblogs.com/lalalagq/p/9916964.html

版权

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=&gt;{
            console.log(res,'返回的数据')
        }