vue前端代理,vue数据劫持和数据代理

　　本文主要介绍了vue的数据代理，具有一定的参考价值。感兴趣的朋友可以参考一下，希望能帮到你。

目录

　　 I，我说的是一个前端人员可以在vue-cli中完成的解决方案。3354数据代理二、上述数据代理还有以下缺陷。跨域的解决方法有很多，比如jsonp和cors，但这两种方法都需要后台人员的帮助。

一、下面我讲的是前端人员在vue-cli中就可以完成的一种解决方式——数据代理

　　(1)首先你需要从vue-cli官方文档的配置项下载一个插件。

　　(2)将上面红圈部分粘贴到vue脚手架的babel.config.js中。

　　(3)上图中红圈部分http://localhost:5000是本地服务器地址，但是来自我项目的服务是http://localhost:8082/

　　此时，我向项目中的后台发送一个请求。

　　你可以得到数据。

　　请注意，如果项目的punlic文件夹中存在与本地服务器同名的文件，将首先在项目的public文件夹中读取该文件。

二、上面的数据代理还是有以下缺陷的

　　(1)如果本地公共中存在与服务器同名的文件，则优先使用本地的。

　　(2)只能创建一个代理。

　　1.为了解决上述问题，可以采用另一种创建代理的方式。

　　上面的/api和/apii是两个不同的数据代理。

　　2.同时前端发送请求的接口路径要从http://localhost:8082/students改为如下，这样写的时候就不会在本地公共中请求文件了。

总结

　　本文到此为止。希望能帮到你，也希望你能多关注我们的更多内容！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。