vue 多源数据怎么处理

最新推荐文章于 2022-03-14 16:17:01 发布
最新推荐文章于 2022-03-14 16:17:01 发布
阅读量273 收藏
点赞数
分类专栏： vue +axios 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fly_vip/article/details/108281848
版权

情况描述：项目需要增加一个新服务，且两个服务IP一样，端口号不一致，以下两种情况

1、开发环境下

        可以在config/index.js中直接配置；‘/’是原本服务，、'/scan'是新增的，可以进行调试，两边接口都可以用

2、部署打包

需要固定的ip+端口，进行重定向使用，可能会出现跨域问题，一般跨域后台解决

两个步骤：

1、将这个文件在main.js中引用，在该代理下的接口进行调用

2、在文件中调用，在后台提供的接口中前增加

小白的无奈，问了别人才知道，开发和部署还不一样，经验慢慢积累。

有问题可以一起讨论

fly_vip
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue取数据库中的数据_数据库开发中实际问题解决过程
weixin_39725924的博客
12-11 470
▼往期VB干货▼VB编程语言完整知识点总结归纳VB与数据库登录功能如何实现？用VB编程实现发送微信消息的程序！ 大家好，在编程语言的学习中，数据库开发是非常重要的一部分。只用单纯的编程语言来开发程序，那么程序每次运行的数据只是暂时保留在了内存中，下次再次运行时之前数据就没有了，得不到持久化保存。只有使用了数据库后，才能使得程序数据得以持久化保存，因此我们实际开发中，我们常常利用编程语...
Vue项目多环境配置
江黎
10-06 318
新建2个配置文件 内容 在package.json中进行区分 测试
vue多环境配置
月华流咏的博客
04-26 246
1.在prod.env.js，dev.env.js加入API_ROOT 2、确认安装cross-env （cross-env能跨平台地设置及使用环境变量） windows不支持NODE_ENV=development的设置方式。在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡 住，windows平台与POSIX在使用命令行时有许多区别（例如在POSIX，使...
Vue项目实现多个后端服务时的axios封装
molii_的博客
06-21 3132
在Vue前端项目中，对于请求后端数据我们通常使用axios库。 http://www.axios-js.com/
vue+element解决数据量太大，列表过多，导致渲染过慢（vue-virtual-scroll-list）
luolinyin的专栏
10-09 3601
1、 安装vue-virtual-scroll-list； npm install vue-virtual-scroll-list --save 2、引入下载好的组件，记得局部注册一下组件； <template> <div class="table_body"> <h1>我是标题</h1> <div> <virtual-list :size="40" :remain="8"> .
vue如何处理返回数据，再进行分类展示
麻球科技
07-04 1万+
首先定义几个数组变量用来存放分类好的数据，比如： 调用函数，处理数据：
若依 SpringBoot2+Vue -Cli3 前后端分离 多数据源配置辛苦配置艰辛历程
u014212540的博客
12-23 1504
这段时间项目若依 SpringBoot2+Vue -Cli3 前后端分离用到了多数据源配置，于是开始研究，主数据库（master）用的是 mysql , 从数据库（slave）sqlserver 数据库，刚开始总是报mybatis 绑定失败错误，最终找到原因是因为报名不对，重建了module，最终终于解决了，如今记录一下，以便以后查阅，更是跟大家分项一下经验。 1.代码配置 1.项目目录： application-test.yml # 数据源配置 spring: datasource:
使用pl-table解决 vue+elment el-table 或el-tree （表格列表或树形控件）渲染万条以上的大数据，数据过多导致卡顿问题
HHH917的博客
07-12 1万+
1、卡顿原因 因为数据量过多导致浏览器渲染过多的标签元素 导致DOM树占用内存较大 使得用户操作阻塞。 具体原理可参考别的大佬写的文章： DOM性能瓶颈与Javascript性能优化. 2、解决方法及原理 原理 解决思路可参考： 页面中长列表滚动的优化. 解决方法 使用第三方插件 https://github.com/livelyPeng/pl-table. 具体使用方法也需参照上面github 这里el-tree卡顿直接去上述链接github参照pl-table进行修改并修改部分样式就是一个el-tr
vue+element表格实现多层数据的嵌套
一个前端的自述
06-23 1万+
今天用element的表格渲染了商城的购物车列表，element的表格之前也用到过，它吧所有的东西都封装好了， 只需要往里面传数据就可以了，通过prop来拿到相对应的字段，非常方便，但是天不尽人愿呐，后台接口返回的数据 是嵌套多了一层，直接上图，后台返回的数据结构 data下面是店铺的名字和id，orderItemList是店铺下面的商品，店铺要显示，商品更要显示，(难受) 这nm嵌套两层，表格拿不出来啊，于是各种想思路，什么里边再套一个表 格，这样会出现空表头，也从网上找了很多方法，都是差.
vue项目中请求数据特别多导致页面卡死
weixin_47987261的博客
03-14 6485
1. 在平时开发中经常会碰到数据量特别大，请求接口时导致页面卡死或者崩溃的情况 上图这里就是因为数据太大导致页面在数据请求回来之前一直处于卡死的状态，这种时候可以使用freeze方法来为数组赋值，将 this.xxx = res 改为 this.xxx = Object.freeze(res) ，仅供参考。 ps: 本人小白一枚，目前我碰到的是可以用这种方法解决 ...
vue多环境配置方案
高先生的猫
08-13 1408
一般服务器分为本地环境，测试环境，正式环境，如果每次都要修改配置就很麻烦，总结一下我使用的方法 vue-demo/ |-build/ |-config/ |-dist/ |-src/ |-config/ |-index.js |-dev.conf.js |-sit.conf.js |-prod.conf.js |-package.json |-index.html 修改执行命令 修改pack
Vue中解决数据量过大导致页面崩溃；解决方案
热门推荐
lys20000913的博客
04-29 1万+
解决表格数据量过大（使用插件vxe-table） 点击进入插件地址 解决select 数据量过大 （使用插件vue-virtual-scroll-list） 相关博文 插件官网
vue中实现多种状态的数据判断
oy123kai的博客
02-05 2608
{{['新增', '修改', '已完成'][item.status]}} status = 0 ，内容显示新增 status = 1 ，内容显示修改 status = 2 ，内容显示已完成 status = 0 ，使用a样式 status = 1 ，使用b样式 status = 2 ，使用c样式
VUE 前端处理数据常用方法
wanghui374的博客
05-08 3448
1、对象排序 let arrData={"张三":15,"李四":30,"万系":2,"是三":3}; function ObjectOrder(data){ let keysSorted = Object.keys(data).sort(function(a,b){return data[b]-data[a]}) //排序健名 let newD={}; for(let i=0;i&lt...
vue数据丢失的4中情况和解决方法（附视频教程）
chen801090的博客
07-14 4512
数据丢失是框架的BUG，vue中的数据绑定是通过ES5中属性的特性实现的。所以没有设置特性的数据，就会丢失。以下mounted中的四种操作都会导致数据丢失。 <template> <div> <div>{{ colors }}</div> <div>{{ obj }}</div> <div>{{ intro }}</div> </div> </template
如何更好的使用VUE之数据处理方式
戴向天的博客
03-11 1805
大家好！我叫戴向天 QQ群：602504799 如若有不理解的，可加QQ群进行咨询了解 在我前端工作之前，在处理数据的时候，我经常在想如何更好的处理数据，对数据的可空性更高，更好的变换。 其实这个也不是什么技术要点，只是在开发的时候，更加如意，特别在修改的是也方便。 我的思路是，基础数据是不容改变的。然后通过其它的方式来进行获取相对应的数据，或者其它的数据格式。 例如： const arr = [...
Springboot配置多源数据库及使用
kai641596729的博客
09-28 655
Springbootp配置多源数据库及使用 因项目业务涉及从A库读取数据二次分析统计后入B库的需求，所以需配置多源数据库，查阅相关技术大佬文档，简单整理后步骤如下： 步骤如下： 1. 引入相关依赖 ，此时需尽量引入高版本依赖，避免产出错误（个人引入低版本依赖启动报错。）； <dependency> <groupId>mysql</groupId> <artifactId>mysql-connect
前端面试：vue的vuex内容过多该怎么处理
qq_42166078的博客
05-28 2166
前言 记得之前有一次面试问过我vuex的内容过多该怎么处理？可能我当时理解错了，我以为他考我其他的储存方式，我回答内容过多的话可以借助于浏览器缓存，利用sessionStorage,cookie等方式进行储存。 下来仔细一思考，当然回答肯定是不正确的，想起了vuex中的modules，突然恍然大悟，原来这道题考的是模块化处理。 目录前言一、何为模块化处理？二、如何引入模块化？1.vuex基本目录2.A模块3.module/index4.store/index5.main.js注入store三、如何使用模块化
vue测试环境添加（多环境配置）
renchaoqiong
11-29 4224
背景 通常我们搭建的vue-cli骨架，自带两个版本开发版本和生产版本。 应用场景 公司有开发环境（dev），生产环境（prod），测试环境（test），预发布（release）等版本；不同的环境会有不同请求api接口，我们平时写的baseUrl这种全局的就不是很合适啦； 在package.json里面；添加test：XXXXX "scripts": { "dev": "webpack...
vue数据处理遍历优化
最新发布
07-15
在Vue中进行数据处理和遍历时，可以采取一些优化方法来提高性能和效率。下面是一些常见的优化技巧： 1. 使用v-for的key属性：在使用v-for指令进行列表渲染时，为每个项设置唯一的key属性。这样Vue可以跟踪每个项的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值