vue之数据代理详解
更新时间：2021年12月19日 16:21:52 作者：@少年啊
这篇文章主要为大家介绍了vue之数据代理，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
解决跨域的方式有多种，例如jsonp、cors但这两种都需要后台人员的帮助，
一、下面我讲的是前端人员在vue-cli中就可以完成的一种解决方式——数据代理
(1)首先需要在vue-cli官方文档的配置项下载一个插件
(2)将上图红圈中的部分粘贴到vue脚手架的babel.config.js中
(3)上图中红圈部分http://localhost:5000为本地服务器地址，但我项目起的服务为http://localhost:8082/
此时我在项目中向后台发送请求
就能够获取数据了
注意要是你项目中punlic文件夹有和本地服务器相同名称的文件，那将会优先在项目中public文件夹读取
二、上面的数据代理还是有以下缺陷的
（1）本地public中有和服务器文件名相同的，会优先返回本地的
（2）只能创建单个代理
1、为了解决以上问题，可以采用另外一种创建代理的方式
上图/api和/apii为两个不同的数据代理
2、同时前端发送请求的接口路径也要进行更改，由http://localhost:8082/students改为以下，这样写就不会请求本地public中的文件了
总结
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本之家的更多内容!
相关文章
这篇文章主要为大家介绍了Electron中如何使用SQLite存储笔记示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
这篇文章主要介绍了vue this.$toast()用法 ，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了Vue之Mixins(混入)的使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
本文总结了在Vue2项目中使用element-ui的el-table组件在弹窗中展示数据,并实现基础的勾选功能,内容包括如何设置row-key、使用reserve-selection属性、修改数据获取函数以支持跨页勾选以及如何在关闭弹窗时清理selection,感兴趣的朋友跟随小编一起看看吧2024-12-12
这篇文章主要介绍了Vue组件上使用v-model之单选框,代码分为子组件内容和父组件内容，本文结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-10-10
在浏览器中,Vue3编辑器自带默认右键菜单,然而,在Electron桌面应用中,这一功能需自行编写代码实现,本文详细介绍了如何在Vue3中手动实现右键菜单的编辑、复制、粘贴功能,并提供了代码示例,更多细节和相关教程可参考脚本之家的其他文章2024-10-10
vue中this.$router.go(-1)失效(路由改变了，界面未刷新)
本文主要介绍了vue中this.$router.go(-1)失效(路由改变了,界面未刷新),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2023-12-12
今天小编就为大家分享一篇vue.js 实现a标签href里添加参数，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
这篇文章主要介绍了vue 解决provide和inject响应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
本文主要介绍了vite构建项目并支持微前端，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
最新评论