• Ukieweb

    佳的博客

    曾梦想仗剑天涯,后来工作忙没去。

vue cli3 配置了代理跨域无效的解决 proxy 和 baseurl 冲突

不要设置axios的baseUrl, 否则 proxy 不生效,影响解决跨域问题

就是这个玩意,在 ENV 中 VUE_APP_BASE_API 设置的,在server 中引用的 : 

axios.defaults.baseURL = "http://cct.app.xxxxxxxx.top/";

然后就可以了

下面介绍一哈如何在vue cli3 中设定代理:

与main.js同级新建一个vue.config.js的文件

module.exports = {
    devServer: {
        port: 8382,
        https: false,
        hotOnly: true, //是否开启热更新
        open: true, //配置自动启动浏览器
        proxy: {
            "/": {
                target: "http://cct.app.xxxxxxxx.top/", //目标主机
                ws: true,//是否代理websockets
                changeOrigin: true ,  // 设置同源  默认false,是否需要改变原始主机头为目标URL
                pathRewrite: { 
                    "^/": "/"
                  }
            }
        }
    }
};


1
0
下一篇:Docker 部署Go的两种基础镜像 busybox不行

0 条评论

老佳啊

85后,大专学历,中原人士,家里没矿。

由于年轻时长的比较帅气,导致在别人眼里,我一直不谈恋爱的原因是清高,实则是自己的小自卑。最大的人生目标就是找一个相知相爱相容的人,共度余生。

和人相处时如果能感受到真诚,会非常注重彼此的关系,对别人没有什么心机,即使有利益冲突,一般也会以和为贵,因为在这个世界上,物质的东西,从来不会吸引到我。

特别迷恋那些大山大水,如果现在还能隐居,可能早就去了。对那些宏伟的有底蕴的人文景观比较不感冒。

从事于IT行业,却一直对厨房念念不忘,由于身材魁梧,总觉得自己上辈子是个将军,可惜这辈子没当兵,也不会打架。