Java后端使用vue-element-admin

怎么修改vue-element-admin的配置,从而与自己的服务器后台数据相连


1个回答

楼主说的这个框架我没用过,我刚刚去看了下,和Iview-admin非常类似,都是一款Vue后台管理模板,
因为我没用过,所以我就只能根据Iview-admin来判断(Vue模板都是大同小异的)
你这个应该涉及到了跨域问题(除非你强行把前后端整合在一起),你需要在前端发Ajax请求的时候,拼接上服务器的ip地址
图片说明
然后在后端接收数据的时候,设置放行:

 response.setContentType("text/html;charset=utf-8");
        /* 设置响应头允许ajax跨域访问 */
        response.setHeader("Access-Control-Allow-Origin", "*");
        /* 星号表示所有的异域请求都可以接受, */
        response.setHeader("Access-Control-Allow-Methods", "GET,POST");

这是一个非常简单粗暴的例子,具体代码视你的具体业务需求而定

qq_43682859
Your_Exios 回复weixin_43899041: 那就不清楚了,毕竟我没有用过这个框架,我只用过Iview-admin23333333
5 个月之前 回复
weixin_43899041
玄月二十八 我看了网上不少文章,但是大都是让改动文件夹config里的配置,但是项目里去没有,和我用的一个作者写的其他的项目中有那个文件夹,我的这个不知道该改什么地方
5 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue-element-admin
使用vue.js写的后台,使用了element组件,属于单页应用~进去直接查看README,有详细介绍及使用方法
vue-element-admin使用第三方图标库
1.打开页面。 点击 2.新建项目 3这个时候回到首页就可以添加到购物车了 一般需要自己一个一个点如果你想添加所有,请在控制台输入代码 var icons = document.querySelectorAll('.icon-gouwuche1'); var auto_click = function(i) { if (i < icons.length) { setTimeo...
使用vue-element-admin框架开发时遇到的跨域问题
开发环境所用工具 1)webpack 2)vue 3)vue-element-admin 4)http-proxy-middleware[解决跨域的webpack插件] 解决步骤 一,安装http-proxy-middleware 插件 $ npm install --save-dev http-proxy-middleware 二,配置de...
使用vue-element-admin集成方案------权限篇
权限控制的思路: 在router文件夹中的index.js文件中有一份路由表,表示每个路由的可访问权限.用户登录后,通过token获取用户的role,动态根据用户的role算出有权限的路由,通过router.addRoutes动态挂载路由. 每一个后台的请求不管是 get 还是 post 都会让前端在请求header里面携带用户的token,后端会根据该tok...
使用vue-element-admin框架调用后端接口及跨域问题
前言 vue-element-admin 官方git地址 https://github.com/PanJiaChen/vue-element-admin 进行开发需要调用外部接口, 而且还涉及到跨域的问题, 百度出来的全部都是说在config目录加proxyTable…emmm是拉同一个项目吗大兄弟, 哪来的config目录 解决 随便写一个测试接口 from flask import Flas...
vue-element-admin完整项目实例
项目地址:https://github.com/PanJiaChen/vue-element-admin 项目介绍:https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/ 项目效果: npm install 报错 或者是下面的错误 git.EXE ls-remote -h -t git://github.com/ 此种解决方案 ...
vue-element-admin项目结构认识
build目录中的webpack.prod.conf.js配置文件 webpack.prod.conf.js 是webpack生产环境的核心配置文件 webpack.prod.conf.js是一个系统的配置文件,将涉及很多的模块和插件 ...
【Java后端】Map使用迭代器遍历
map的entry可以通过迭代器进行遍历以及进行安全的remove操作。 private void removeExist(Map<Integer, String> types, DictTypeResDTO dto) { Iterator<Map.Entry<Integer, String>> it = types.entrySet().iterato...
【Java后端】使用 PageHelper 进行分页
maven 依赖: <!-- page helper --> <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper-spri
vue-element-admin的离线依赖包
vue-element-admin的离线依赖包; 私有的资源,大家别下载 公司网络限制所以弄个离线包自己使用
JAVA后端开发规范
基于阿里巴巴JAVA开发规范整理 一、命名风格 【强制】类名使用 UpperCamelCase 风格,必须遵从驼峰形式,但以下情形例外:DO / BO / DTO / VO / AO 正例:MarcoPolo / UserDO / XmlService / TcpUdpDeal / TaPromotion 反例:macroPolo / UserDo / XMLService / TCPU...
JAVA后端面经
一面: 介绍你自己 上来手撕算法 先来实现一个反转链表(呃,有点蒙,写的有点乱,后来和面试官讲了思路) java集合ArrayList和LinkedList的区别 (解释了底层结构) 为什么ArrayList查询效率快(地址连续) 多线程安全问题 同步方法使用syschronized和lock的区别 java虚拟机调优知道哪些 设置-xms和-xmx一样大 设置新生代区域大小 默认比例...
java后端书架
http://www.importnew.com/22064.html
Java后端书架
Java后端书架
java后端技术栈
文章目录Java基础数据结构算法设计模式单例模式工厂模式数据库框架SpringIOCAOPSpring MVCMybatis分布式系统大数据HadoopHDFSMapReduce流失计算搜索引擎Linux java后端技术栈 Java基础 数据结构 算法 设计模式 单例模式 工厂模式 数据库 框架 Spring IOC AOP Spring MVC Mybatis 分布式系统 大数据...
java后端架构师
基础知识: Http 缓存机制及原理:https://www.cnblogs.com/chenqf/p/6386163.html 缓存规则信息包含在响应header中 强制缓存                header 中的Expires -- 到期时间 由服务端生成 与客户端可能有时间误差 http 1.0    Cache-Control  max-age 单位是秒  no-cach...
java后端验证框架
bean validation规范 JSR303 规范(Bean Validation 规范)提供了对 Java EE 和 Java SE 中的 Java Bean 进行验证的方式。该规范主要使用注解的方式来实现对 Java Bean 的验证功能,并且这种方式会覆盖使用 XML 形式的验证描述符,从而使验证逻辑从业务代码中分离出来。Hibernate Validator 4.0 是 JSR30...
前后端分离之Java后端
前后端分离的思想由来已久,不妨尝试一下,从上手开始,先把代码写出来再究细节。代码下载:https://github.com/jimolonely/AuthServer前言以前服务端为什么能识别用户呢?对,是session,每个session都存在服务端,浏览器每次请求都带着sessionId(就是一个字符串),于是服务器根据这个sessionId就知道是哪个用户了。
微信支付 java后端
在写这篇文章之前,我不得不吐槽下微信的支付文档,真的是让人无语凝噎。微信给的demo我就不说了。直接上我的demodemo下载链接demo下载链接 这个demo只要填写自己申请的信息即可,用debug模式查看生成的prepayid, 签名验证微信提供有签名验证的地方 签名验证链接 验证结果返回给前段的信息返回一下几个字段 推荐博客推荐博客1
java后端接口
@RestController @RequestMapping(value = "/room/user") public class UserController { @Autowired private UserService userService; @ResponseBody @RequestMapping(value = "/add",method = ...
Java后端常用工具类
导入项目 <dependency> <groupId>io.github.ljwlgl</groupId> <artifactId>common-util</artifactId> <version>2.0.1</version> </dependency> 该项目是日常业务开
github后端路线
https://github.com/xingshaocheng/architect-awesome
#前端#vue-element-admin完成界面及前后端交互
#前端#vue-element-admin完成界面及前后端交互vue-element-admin的使用源码源码解析合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowc...
vue-element-admin我踩的坑(1)
作为vue-element-admin萌新,最近在做个后台管理系统,踩了不少坑,记录一下。 router,route问题 在template里面,如果某个页面元素需要跳转到其他页面,那么需要用router-link把元素包起来,如 <router-link :to="'/abc/ + id'"> <el-button type="primary">跳转</el...
vue-element-admin我踩的坑(4)
v-model绑定数据不实时更新问题 原理: v-model绑定数据必须要在data 对象里面定义,才能实时更新。例如input对象v-model="aid"那么必须: data() { return { aid: 10 } 问题: 我碰到的问题是在data对象里面定义了一个空map:mydata:{},但v-model绑定的是mydata.aid,之前用单纯输入框没发现什么问题。...
vue-element-admin我踩的坑(8)
按需导入element-ui组件问题 每次在打包的时候,都会出现chunk-elementUI.XXXX.js过大的警告,有500多KiB,然后发现在element官网中有按需导入组件的方法(快速上手章节)。 我先全部拷贝,然后根据使用情况,删除了一些没有用到的组件。然后打包发现chunk-elementUI.XXXX.js果然变小了,成了300多KiB,虽然还是没达到推荐的244之下,仍然...
Java后端面试题
2017Java最新面试题
Java后端技术栈
1.数据库知识(基本SQL/复杂SQL/索引/缓存/NoSQL) 2.Java网络编程(计算机网络知识,理解TCP/IP、HTTP、DNS协议) 3.JVM 4.Java语言特性(如不同集合类的适用场景、实现原理) 5.高并发、多线程、分布式、高可用(系统集群、负载均衡、反向代理、动静分离,网站静态化) 如果有几十亿的白名单,每天白天需要高并发查询,晚上需要更新一次,如何设计这个功能。 ...
java后端的代码规范
前后台分离的情况下,后端代码对前端的返回格式需要做统一化规定 1,返回格式: ResponseBean.class       package common.anmav.model.common; import com.fasterxml.jackson.annotation.JsonIgnore; import com.fasterxml.jackson.annotatio...
vue-element-admin我踩的坑(5)
清空文件上传框问题 <el-form id="upload-form"ref="data-form"........> <inputid="upfile"name="file"type="file" @change="handleFile($event)"> </el-form> 一开始使用oute
vue-element-admin撸后台实践(一)
一个项目首先要解决的问题,同时也是核心的问题就是登陆和权限的问题,vue-element-admin将路由和左边侧栏进行了绑定,所以我们要解决的就是根据不同的role,生成不同的路由,然后动态渲染不同的侧边栏,同时还要解决在后台可以通过tree控件动态设置权限的效果,所以,先撸一下整体实现思路: 首先要说一下,vue-element-admin是怎么与后端进行交互的:用户端有交互提交----&g...
vue-element-admin我踩的坑(2)
request和reresponse 请求后端的地址都在api目录写,格式如 export function getInfo(prm) {   return request({     url: '/abc/article',     method: 'get',     params: prm   }) } 需要注意的是get请求参数key是params,但如果是post方式,应该是dat...
vue-element-admin 菜单标签失效问题
设置菜单路由时,代码如下: { path: '/materieluse', component: Layout, meta: { title: '仓库管理', icon: 'component' }, children: [{ path: 'materielList', component: () =&...
干货|vue-element-admin和Django简单整合
https://www.sohu.com/a/244645479_727010 https://github.com/PanJiaChen/vue-element-admin https://panjiachen.gitee.io/vue-element-admin/#/dashboard https://cn.vuejs.org/index.html
vue-element-admin我踩的坑(7)
先说个简单的,表单校验问题,表格里面的prop必须和v-model绑定的变量名一致! 如element-ui官网的代码: <el-form-item prop="date1"> <el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.date1" style="width: 100%;"&a
快速搭建vue后台权限管理vue-element-admin
下载https://github.com/CaiBaoHong/biu biu/browser为前端vue项目,初始化项目(npm install) 启动服务 (npm run dev),可以看到系统管理下的权限配置添加页面后需同步权限元数据也可配置按钮权限 biu/browser/src/components/ 目录下有多种组件(echart、Excel、图片上传等) 请求接口可在src...
vue-element-admin 之单个功能篇(三)
前面说完了登陆以及权限和利用tree进行动态更改权限的问题,下面撸一下单个的功能: 一:table功能 首先分析下table由三部分组成,搜索栏/table/分页栏 1.在钩子函数里调用获取table数据的函数来渲染table // 获取活动列表 async _fetchActivityList() { this.listLoading = true //加载动画 ...
vue-element-admin我踩的坑(9)
element-ui的transfer组件选项过长问题解决 使用element-ui的transfer组件不可避免出现选项过长问题: 我这里的解决方案是使用transfer的render-content自定义渲染函数,里面添加element-ui的tooltip组件,对超长的选项进行提示。 1.绑定渲染函数 <el-transfer :render-content="...
vue-element-admin我踩的坑(3)
下拉选择框rule校验问题,发现的问题是选择框根本没选,居然也能校验通过??!!(框体绿色,form的validdate通过) 代码: tempalete: <el-form-item label="aaa" prop="listItem">   <el-select v-loading="loading" v-model="listItem" class="filter
vue-element-admin我踩的坑(6)
el-table添加监听器的问题 想对table添加横向滚动条的监听器,获取当前的滚动量,做两个表格的同步横向滚动 根据网上的方法添加监听器: 尝试1: var doms = document.getElementsByClass('el-table') doms[0].addEventListener('scroll', () => { console.log(dom...
相关热词 c# 标准差 计算 c#siki第五季 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池