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中的文件了
总结
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本之家的更多内容!
相关文章
本篇文章主要介绍了Vue.js中的v-on(事件处理)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
为了解决加载组件中出现的报错、超时、状态展示等问题,可以使用 Vue 3 提供的异步组件（Async Components）,它对于加载过程做了更细致的控制,这篇文章主要介绍了Vue 3 进阶用法之异步组件,需要的朋友可以参考下2024-04-04
这篇文章主要为大家介绍了Vue3中使用pnpm搭建monorepo开发环境示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要给大家介绍了关于vue项目main.js使用方法的相关资料,main.js文件是程序的入口文件,加载各种公共组件,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-09-09
最近做项目结构优化,前端项目都是部署在nginx上,想实现同一个端口可以访问多个前端项目,所以就有了本文,这篇文章主要给大家介绍了关于Nginx同一端口部署多个前后端分离的vue项目的相关资料,需要的朋友可以参考下2023-10-10
解决Vue中使用Echarts出现There is a chart instance already ini
使用echarts的时候，多次加载会出现There is a chart instance already initialized on the dom.这个黄色警告，此警告信息不影响echarts正常加载，但是有bug得解决，本文就带大家解决这个问题，感兴趣的同学可以参考阅读2023-06-06
这篇文章主要介绍了vue resource post请求时遇到的坑,需要的朋友可以参考下2017-10-10
Vuex数据持久化的两种方式:手动存储和vuex-persistedstate插件详解
这篇文章主要介绍了Vuex数据持久化的两种方式:手动存储和vuex-persistedstate插件,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
这篇文章主要介绍了vue 页面回退mounted函数不执行的解决方案 ，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
Vue + element 实现多选框组并保存已选id集合的示例代码
这篇文章主要介绍了Vue + element 实现多选框组并保存已选id集合,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-06-06
最新评论