VUE中使用代理解决跨域问题
本来我不想写这篇文章,但我发现要写,必须要写,因为网上的一些文章看起来过于难过,,所以我准备整理一个让人第一眼看上去就有兴趣往下看的简洁明了的博文,说明:我在写vue的时候,遇到过跨域问题,当时后台还没解决,所以我们自己在前端暂时使用了这种方式正文:下面是一个demo案例。下面图片的访问链接是http://192.168.1.116:8080/demo/vuetest?na...
·
本来我不想写这篇文章,但我发现要写,必须要写,因为网上的一些文章看起来过于难过,,
所以我准备整理一个让人第一眼看上去就有兴趣往下看的简洁明了的博文,
说明:
我在写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
再次访问后台,已经接收到了请求并打印了参数
更多推荐
已为社区贡献1条内容
所有评论(0)