vue-cli在开发环境实现跨域请求

最新推荐文章于 2021-12-02 11:21:01 发布

渣渣与学霸

最新推荐文章于 2021-12-02 11:21:01 发布

阅读量2.1k

点赞数

分类专栏：笔记

原文链接：https://www.cnblogs.com/goloving/p/8901189.html

版权

笔记专栏收录该内容

18 篇文章 0 订阅

订阅专栏

参考文章：https://www.cnblogs.com/goloving/p/8901189.html

在vue-cli项目中的config文件夹下的index.js配置文件中，修改前的dev：

dev: {  
    env: require('./dev.env'),  
    port: 8080,  
    autoOpenBrowser: true,  
    assetsSubDirectory: 'static',  
    assetsPublicPath: '/',  
    proxyTable: {}, 
    cssSourceMap: false  
  }

只要修改里面的proxyTable: {}项

proxyTable: {  
    '/api': {  //代理地址  
        target: 'http://10.1.0.34:8000/',  //需要代理的地址  
        changeOrigin: true,  //是否跨域  
        secure: false,    
        pathRewrite: {  
            '^/api': '/'   //本身的接口地址没有 '/api' 这种通用前缀，所以要rewrite，如果本身有则去掉  
        }
    }
}

重启项目：npm run dev
然后在发起请求的地方改为/api就行啦

self.$axios.get('/api/queryRole', {params: params})  
    .then((res) => {  
        console.log(res);  
    }).catch((err) => {  
        console.log(err);  
    })