小白学 Webpack之http 跨域请求配置

跨域

不同域名之间的请求,就会出现跨域问题,跨域问题有很多方法可解决,服务端设置等,我们现在要学的是开发的时候来代理,实现跨域

http 请求跨域演示

安装请求插件

npm i  axios

写个请求

http.post('https://www.heibaiketang.com/auth/auth').then(res=>{
  console.log(res);
})

webpack
描述
提示不能跨域,好现在配置下跨域

 devServer: {
    port:3000,
    stats:'minimal',
    //代理
    proxy:{
      '/api':{
        target:"https://www.heibaiketang.com",//请求目标地址
        changeOrigin:true,//改变请求源
        pathRewrite:{
          '^/api':""
        }
      }
    }
  }

现在请求改成

http.post('api/auth/auth').then(res=>{
  console.log(res);
})

就可以实现跨域了

评论区 (0)

没有记录
支持 markdown,图片截图粘贴拖拽都可以自动上传。