VUE中使用代理解决跨域问题

本来我不想写这篇文章,但我发现要写,必须要写,因为网上的一些文章看起来过于难过,,

所以我准备整理一个让人第一眼看上去就有兴趣往下看的简洁明了的博文,

说明:

我在写vue的时候,遇到过跨域问题,当时后台还没解决,所以我们自己在前端暂时使用了这种方式

正文:

下面是一个demo案例。

下面图片的访问链接是http://192.168.1.116:8080/demo/vuetest?name=get_param_vue (192.168.1.116是我本机localhost)

可以看出来因为跨域访问失败了!

解决方法:

在工具中打开项目一级目录config然后找到index.js在proxyTable对象中加入代理代码,注释已经写了就不解释了

添加完之后npm run dev重新启动工程

添加代理后的访问链接:http://192.168.1.116:1026/agent_url/vuetest?name=get_param_vue

再次访问后台,已经接收到了请求并打印了参数

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章