一行代码解决Vue跨域请求Vue报错:AxiosError

一行代码解决Vue跨域请求Vue报错:AxiosError_第1张图片

 这种错误一般情况下都是域名错误或者跨域权限不够,也就是我们常说的"网络请求跨域错误"

我们首先是核实一下域名是否正确,如果域名正确没有输入错误那就是跨域权限问题了,那我们如何解决呐?首先我们打开vue.config,js

一行代码解决Vue跨域请求Vue报错:AxiosError_第2张图片

 在这里添加以下代码:

  devServer: {
    proxy:{
      '/api':{
        target:'http://url',//产生跨域的地址
        changeOrigin:true
      }
    }
  }

一行代码解决Vue跨域请求Vue报错:AxiosError_第3张图片然后我们的跨域问题就解决啦

一行代码解决Vue跨域请求Vue报错:AxiosError_第4张图片

你可能感兴趣的:(vue,vue配置,Vue3,vue.js,前端,javascript)