vue中设置代理解决跨域

原创于 2021-06-09 15:48:30 发布 · 152 阅读

0 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

59 篇文章

订阅专栏

本文介绍如何通过编辑vue.config.js文件设置代理，将axios请求的/test路径重定向到http://localhost:7002，实现跨域解决方案。

编辑vue.config.js文件

module.exports={
    devServer:{
        proxy:{
            '/test':{
            target:'http://localhost:7002',
            changeOrigin: true,
            secure: false,
            pathRewrite: {
            '^/test': ''
            }
            }
        }
    }
}

这样每次

axios.get('/test')
    .then(res=>{
      console.log(res);
    })
请求/test的地址就会变成 http:localhost:7002