欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

解决vue中的跨域问题(Axios请求)

程序员文章站 2024-02-18 16:19:58
...

报错
解决vue中的跨域问题(Axios请求)

  1. 配置BaseUrl 找到目录(src->main.js)
Axios.defaults.baseURL = '/api';
  1. 配置代理 找到目录(config->index.js)
    解决vue中的跨域问题(Axios请求)
'/api':{
        target: ' ',  //自己的域名
        changeOrigin: true,  //是否跨域
        pathRewrite: {
          '^/api': ''  //需要rewrite重写的
        }
      }
  1. 在使用axios修改一下url
 created (){
    this.$axios.post('/openapi/api',{
    }).then(res=>{
      console.log(res);
    })
  },
  1. 需要重新启动项目,ok啦
    解决vue中的跨域问题(Axios请求)