bug收集

面试中遇到的一个问题，什么是 renderless ？renderless即非渲染组件开发的思想，请看下文01什么是 render 函数众所周知，在工程中，我们会在.vue文件中定义<template>、<script>和<style>三种tag，分别盛放组件html、javascript和css。<template><button class="mood"> {{ state ? ...

背景：在vue项目过程中，后台将权限数据一起放在token 中，导致token 过大，后台将请求头部的最大值设置为40M , 在axios请求过程中，报：431（Request Header Fields Too Large）错误原因：虽然，后台已经设置了请求头部的最大值。但是，我们在用vue-cli 脚手架开发过程中，是使用脚手架自带的服务，去启动的项目，所以，需要给脚手架启的服务，设置请求头部的最大值。注：打包后，页面为静态页面，需要在运行此页面的服务器上，重新设置请求头部的最大值。解决方案：参考：ht

在vue项目中，使用axios 传参，参数为数组的传递方式问题一： 传递数组解决方案：使用qs.stringify() 方法，进行转换，根据你想到的形式，设置arrayFormat的值 .1、qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'indices' })// 输出结果：'a[0]=b&a[1]=c'2、qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'brack...

在vue 项目中，使用axios 调用后端接口，报类似下面的错误：Required Integer[] parameter 'copyIDs' is not present spring boot 请求中包含数组参数解决方案：将下面链接的内容，给后端看看，让他修改一下，即可；前端看不懂，直接给后端看下面的文章。大概意思就是把传的参数写到实体类中链接：https://blog.youkuaiyun.com/leisure_life/article/details/82590912内容如.

前言params是添加到url的请求字符串中的，一般用于get请求。data是添加到请求体（body）中的， 一般用于post请求。上面，只是一般情况. 其实，post请求也可以使用params方式传值 ，但是get请求没有data方式，本文就来介绍一下post的两种传值方式Axios中posts的params与data的两种传参第一种：data方式this.$axios({ url: '/api/user/login' , method: 'post', ...

axios使用中，常见问题：1.axios中，post传参后台服务器收不到参数2.axios中，调用借口报400错误以上错误原因，都是因为，post传参，需要将参数转成字符串。可参考如下代码vue中，使用axios数据发起post请求demothis.$axios.post('/api/user/login', JSON.stringify({ jobNumber: 'GL001', password: '123' }), { headers..

问题调用接口报错误：Access to XMLHttpRequest at 'http://xxxx/api/Order/OrderList' from origin 'http://xxx.xx.xx.xx:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 分析：看到上面的问题，第一反应就是跨域问题。处理方法

1.安装脚手架3.0以下npm install -g vue-cli@版本号3.0以上npm install -g @vue/cli@版本号查看脚手架版本vue -v2.创建项目（本文章采用脚手架4.0）vue create project-name创建项目，具体详情的项目配置，本文省略，可参考下面的文章https://www.cnblogs.com/zhoulifeng/p/11690799.html项目创建好后cd project-name // 进入项目根目录npm

文章目录前言1、问题2、解决方案2.1 qs 插件2.2 axios 配置2.3 具体配置3、总结前言vue 中在与后端进行数据交互时，使用 axios 发送请求，不做配置直接使用get请求传递数组类型参数的时候，后端是无法接收数据的，需要对 axios 一些简单的配置才能让后端完美的接收数组1、问题示例代码let params = { statusList: ['OVERDUE', 'DELAY'] } t

vue中axios引用import axios from'axios'axios.defaults.baseURL="http://localhost:8888";Vue.prototype.$axios = axiosaxios 传值get方式 :1. url后面加参数this.$axios.get("http://localhost:8888/select.do?username='hahha'");2. paramsthis.$axios.get("h...

问题和JAVA对接口，参数一直传不过去（前端报400错误，后端报传递的参数错误），header也改了，参数传不传字符串都不行代码如下：this.$axios.post('/api/chuli/deleteByIds', { ids: this.ids }, { headers: { 'Content-Type': 'application/json' } }).then((res) => { console.log(res)}).

axios需要进行一些什么配置1. 设置请求的默认地址baseUrl2.设置请求超时时间3.Post请求头的设置4.拦截器（请求拦截与响应拦截）5.封装post, get请求 (此示例没有封装，可根据项目情况而定，因为封装后，对于一些特殊接口设置不是太灵活，需要我们项目没有选择封装，如果请求方法比较单一的，可以考虑封装)axios完整封装代码我们可以将上面的都封装成一个文件axios.js放在util文件夹中代码如下：import axios...

使用vuex与sessionStorage结合存储tokenstate代码：var state = { token:window.sessionStorage.getItem("token")?window.sessionStorage.getItem("token"):""; }getters代码：var getters = { getToken(state){ if(state.isLogin){ return state.token; }else{

vue-cli3脚手架的配置以及使用https://www.cnblogs.com/XCWebLTE/p/9546756.htmlVue-Cli3 如何配置全局生产环境及开发环境等信息http://bugshouji.com/bbs-read-run?tid=916在vue-cli3.x中配置代理和环境变量http://bugshouji.com/bbs-read-run?tid=611vue调试工具vue-devtools的使用http://bugshouji.com/shareweb/t529vue里r

bug收集：专门解决与收集bug的网站网址：www.bugshouji.com背景在 vue 项目中，我们可以通过不同的环境，访问不同的服务器. 虽然可以使用环境的切换，但是在打包成html文件后，想对其进行修改就不行了。// 环境的切换if (process.env.NODE_ENV == 'development') { axios.defaults.baseURL = 'https://localhost:8888';} else if (process.env.NOD.

使用Vue + Vant 进行web app 的开发，需要处理 android 自带的物理返回键，对不同页面，点击物理返回键进行不同的处理 那如何监听到物理返回键，并进行相应的处理？  app网页返回键 vs 手机物理返回键 网页上的返回键是返回上一个页面的意思，手机上的返回键是返回上一个操作。 并且手机上的返回键还有很多其它功能，在使用某些软件可以双击返回键退出app  Vue 中监听物理返回键 

目标： vue的dist文件夹打成app安装包(android)方法： 1、下载软件 ：hbuildx 2、hbuildx 将dist文件夹打包成app安装包的图解步骤 参考：https://my.oschina.net/u/3692129/blog/4471258 3、下载，测试 (如遇问题，欢迎留言)注意事项： 1、 dist文件夹中的index.html页面打开显示空白 需要在vue.config.js 中，设置 pu...

问题：vue中,将textarea进行v-model绑定后，在使用pw_ 显示时，换行不生效，直接显示成空格 代码：<div> {{summary}}</div><textarea v-model="summary" cols="30" rows="10"></textarea>  解决方案：在展示的div添加样式.pre-line {white-space: pre-line;}&

项目是vue+vant框架写的前端页面，利用HbuilderX将项目打包成APP的。在应用里调用支付宝APP进行支付的时候，需要用到html5plus函数里面的payment属性。首先看看HTML5+是什么？HTML5+是中国HTML5产业联盟的扩展规范，基于HTML5扩展了大量调用设备的能力，是的web语言可以像原生语言一样强大！如何使用原生APP中调起支付宝APP的功能呢？具体操作步骤：1、在需要调用该属性的组件里，先定义plusReady方法： plusReady () {...

在做移动端app时，修改购物车的过程中，逻辑如下：购物车数量相减1判断如果数量减1后，如果为0删除此条数据问题：上一条数据为0，下一条数据为1时，进行删除后，下一条数据，也变成了0代码如下：this.checkProdcutList[index].num--;if(this.checkProdcutList[index].num==0){ this.checkProductList.splice(index,1);}原因：异步更新队列Vue中数据与视图的显示是双向的, 数据显示

问题：在Vue项目中出现如下错误提示：[Vue warn]: Computed property "totalPrice" was assigned to but it has no setter. (found in <Anonymous>)代码：<input v-model="totalPrice"/>原因：v-model命令，因Vue 的双向数据绑定原理 ， 会自动操作 totalPrice， 对其进行set 操作而 totalPrice 作为计...

当 style 标记具有该scoped属性时，其CSS将仅应用于当前组件的元素。代码如下：<style scoped>.example { color: red;}</style><template> <div class="example">hi</div></template>编译之后<style>.example[data-v-f3f3eg9] { color: red;}<

文章目录前言一、端到端（E2E）二、单元测试（Unit Test）KarmaMocha断言库Chai是一种断言库([http://chaijs.com/](http://chaijs.com/))Jest （一般使用这个，请仔细阅读）前言Vue-Cli 推荐两种测试分别是：端到端的测试（E2E） 和 单元测试(Unit Test)一、端到端（E2E）端(消费端)到端(产品端)的测试（E2E (End-to-End)）, 它用来测试一个应用从头到尾的流程是否和设计时候所想的一样。简而言之，它从一个用

一、什么是Nginx?Nginx 是一个很强大的高性能Web和反向代理服务其特点是占有内存少，并发能力强，事实上nginx的并发能力在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等二、Nginx的作用负载均衡、静态服务器、正反向的代理### 三、下载网址：http://nginx.org/en/download.htmlMainline所有功能都全的版本（推荐）Stable version稳定版Legacy versions老版本