Honins的博客

前台的写法是这样的，注意不用设置content-type。就用原来的axios的数据传输格式：json后台的写法是这样使用requestbody注解能够接收到 不加他接收不到、后来学习了springmvc的HttpMessageConverter<T>接口，才了解加了@requestbody才会将接收到的数据自动匹配后面指定的类型，并且保存进去（前提是spring里面已经有配置了）。...

基础知识：vue的生命周期： beforeCreate/created、beforeMount/mounted、beforeUpdate/updated、beforeDestory/destoryed vue常用指令： v-for、v-bind（缩写形式:prop）、v-on(缩写形式@click=’sss')、v-if/v-else/v-else-if、v-model、v-once、v-h...

前端使用的是vue2，组件库使用的是vux。实现上拉获取更多的界面：到底的时候，会显示没有更多数据了前端的代码：<template> <div> <Header></Header> <scroller lock-x height="600px" @on-scroll-bottom="onScrollBotto...

Vue上线后，点击刷新按钮报错404问题使用vue-cli构建的项目上服务器后，点击刷新按钮报错404问题，这个问题困扰好多天了，今天决定把它解决掉。首先，出问题的原因是：在 Vue 项目中，可以选择 hash或者 history.pushState() 实现路由跳转。使用history模式的配置是：export default new Router({  mode: 'h...

一篇关于vue钩子函数的文章，很实用，也解决了我的很多疑问 前言说到Vue的钩子函数，可能很多人只停留在一些很简单常用的钩子(created,mounted)，而且对于里面的区别，什么时候该用什么钩子，并没有仔细的去研究过，且Vue的生命周期在面试中也算是比较高频的考点，那么该如何回答这类问题，让人有眼前一亮的感觉呢...个人博客了解一下：obkoro1.comVue-Ro...

使用is-type的情况vux使用x-input情形如下：表单中需要填写手机号，填完手机号之后，进行提交。点击“提交”按钮的时候，需要判断手机号是否通过校验，vux提供了is-type内置验证器，我们省去了自己校验手机号的过程。 有3点需要注意，1. x-input控件上加了 ref ，加了ref才能使用this.$refs.mobile.valid2. x-input...

今天整合项目时，发现get方式的数据交互存在问题，特此再次记录一下。刚开始以为使用get方式交互数据时只能用json，后来发现url的方式也是可以的1. api.js里的写法axios.get(`${base}/getManagerInfor`,{params:params}).then(res => res.data);注意这里要写这么写传参 { params:params...

如上图，当路径是 “xxx.com/项目名/aaa/aaa”时，刷新页面404.当页面路径是“xxx.com/项目名/aaa”时，页面刷新没问题。这种情况我是配置nginx解决的，当时以为完全没问题了，但是后来发现路径是2级时，还是会报404。nginx配置是这样的这么配置项目的1级目录没问题。排查的时候，发现有这个问题：多了一个work，而这个work是我ur...

vue-cli更新到3.x，改动很大，做前端的朋友推荐我将vux项目转到vue-cli3上，通过看文档和查资料，花了几个小时，终于完成，特此记录。一、安装vue-cli 3首先官方文档：https://cli.vuejs.org/官方文档包含了很多的内容，很靠谱，比较全面，第一步当然是把官方文档看一遍。安装Node 版本要求Vue CLI 需要 Node.js 8.9 或更...

首先贴一下解决的代码需要注意的是，我之前baseUrl都配错了，刷新的报错 “<”的错误，其实就是路径的问题，刷新后找不到文件 上次用vuecli3配置完后，可以使用，但是发现一个问题：居然不能热更新。感觉是vue.config.js的问题，可是里面啥都没写用vue ui看了下有没有什么提示，发现有个提示：一看，果然热更新这部分有问题，但是怎么解决呢。又想...

嵌套JSON数组的前后台处理方式，今天终于完成了这样的效果：前台页面的写法：<template> <div> <Header></Header> <router-view></router-view> <h3 style="margin:20px 0 20px 20px">我的市场

今天想在后台单独接收一个参数“fullname”,前台传送的数据格式是json,在处理的过程中发现了一些问题。1.前端传送的json数据问题，刚开始是使用vux  ajax的get方法传fullname，后台一直报错说没有没有收到参数，很奇怪。后来查看请求体，还是没有内容。后来请求方式改成post，请求里就有内容里。所以：后台使用resqusetBody接收参数时，vux里使用get，这时...

前端界面上使用的是vux中的cell组件，cell带链接和参数的写法<cell  title="医院名称" :value="h.医院名称 is-link :link="{path:'hospInfor',query:{hospital:h.医院名称}}"></cell>点击这个cell后，链接地址变成了 ：XXXXX?hospital=一医院在目标组件（hosp...

刚开始按照网上的说法打包上线放到tomcat的webapps下，但是访问的时候，资源找到的，页面确是一片空白后来发现里这个大兄弟的博文，的确有效https://blog.youkuaiyun.com/Dear_Mr/article/details/72871919访问不到页面，其实就是路径的问题，要让项目正常运行，重点是修改这几个地方：把2处地址改成 ./还有这里做修改：注意：这里base的路径要和 项目名字...

可以使用微信的web开发工具用于移动端浏览器的测试原因：网络地址的问题，不能访问到接口方法1：将js里的请求地址改为ip地址+端口方法2：因为上线后，是放在tomcat的webapp下，地址端口是一样的，所以地址可以直接这么写：将地址改成127.0.0.1和localhost原理是一样的，他们访问的是本机本地的资源，是不成功的。...

使用is-type的情况vux使用x-input情形如下：表单中需要填写手机号，填完手机号之后，进行提交。点击“提交”按钮的时候，需要判断手机号是否通过校验，vux提供了is-type内置验证器，我们省去了自己校验手机号的过程。有3点需要注意，1. x-input控件上加了 ref ，加了ref才能使用this.$refs.mobile.valid2. x-input控件上加required将其变...

正确写法：methods:{ login () { console.log('>>>>>>>>>>>>>>>>>>>>>login...'); this.$http.post('http://localhos

官方文档首先看一下官方文档官方文档已经讲得听清楚了，现在自己配置看看个人配置Main.js文件中模板内使用样式：需要注意的是我在2个圈圈里的下划线，仔细看还是能发现不同的。  下面的then((response))  里面的response就是后台返回给我们的所有信息，包括请求头，和数据（data）等等，如下：而上面的then( ( { data } ) )  其实就是指定了收到的所有内容里的数据...

因为我用的是vue-resource插件，所以在每次跨域请求后台时都是一个新的session，所以后来处理session的时候，每次获取的值都是null要保持一致，需要做一些配置：java后台:后台在springmvc的配置文件里要加上 allow-credentials="true" ，才能接受前台传过来的session前台：Get方法的写法：Post方法：这样就可以了注意一定要按照格式写，否则...

解决这个问题的过程还是比较曲折的，花了我一天的时间。昨天在看vue.js框架的文档，准备实现下利用vue-cli和ssm实现前后端分离技术。vue-cli 利用nodejs好不容易搭建完成，成功运行前端界面。随后添一下代码，向ssm项目发送请求并接受数据。Vue具体的安装和配置是学习这篇文章：https://blog.youkuaiyun.com/muxinxin880422/article/details/...

这个效果终于实现了！html的写法：<x-table :cell-bordered="false" :content-bordered="false" style="background-color:#fff;" v-for="office,officeIndex in list.offices"> <tr style="background-color: #F

这一篇是延续我之前的跨域问题，上次没有弄的很清楚，这次接着解决上篇：Vue-cli+ssm框架 axios跨域请求的问题！以及遇到的各种坑！昨天将vux上线发现了不能获取用户名信息，奇怪的是在我电脑可以获取，但是在手机上就不行今天发现问题所在了，主要是在2各方面1：我的电脑可以获取，是因为我的本地跑着tomcat服务，因为我的ajax请求路径用的是 “/langyage”开头，即使我使用的是47上...

首先，我之前有个错误的写法：错误有2：1，我一直以为在created里定义方法然后使用，其实这里的getCustomerInfo只是调用2，所有的方法都应该在methods里定义，然后在created或者mounted里 使用this调用方法，用这种方式实现初始化正确写法：这样，页面开始会初始化信息，修改信息后会执行getCustomerInfo()方法刷新数据，这...