问题集合-解决方法

git问题

1.SSL certificate problem: unable to get local issuer certificate
解决方法：在终端（terminal）输入命令：git config --global http.sslVerify false
问题原因：由于没有配置信任的服务器HTTPS验证。

若依框架（使用axios时）

原文链接
在使用axios时，注意到配置选项中包含params和data两者
params是添加到url的请求字符串中的，用于get请求。 服务器并不会读取http body里面的数据,这样我们传递的就是Params里的请求的参数了。
**data是添加到请求体（body）中的， 用于post请求。**服务器读取http body里面的数据那就需要用POST请求了，POST请求的参数就存放在body；

Vue router 如何传参

***params、query 是什么？***原文链接
params：/router1/:id，这里的 id 叫做 params。例如/router1/123, /router1/789
query：/router1?id=123，这里的 id 叫做 query。例如/router1?id=456

vue问题：

1.Vue Error: The template root requires exactly one element.
添加下一项组件时，发生了报错
报错原因
Vue只允许模板里存在一个根节点。

解决方案

在 <template> 中添加一个 <div>标签，之后所有的组件全部加在 <div>即可解决。

2.error Expected indentation of 2 spaces but found 4 问题
缩进问题，意思是代码规范本来是两个空格，结果却发现了4个
报错原因
创建项目时使用eslint严格模式

解决方案
1.关闭检查规则：在.eslintrc.js文件的中rules加**“indent”: [“off”, 2]**

2.idea或webstorm 中file-》setting-》editor-》code style-》html–》other–》

3.Property name “xxx” is not PascalCase
报错原因
首字母需要大写，写成小写的就会报错
解决方案

解决vue 进入下一页面或刷新页面的时候 界面总是显示在底部

解决方法：
mounted中加一个 window.scrollTo(0,0)

uni-app踩坑 - 解决ios系统下微信公众号H5页面软键盘弹出后页面整体上移问题

问题出现的条件是ios系统部分机型，在微信公众号H5页面上，点击input输入后，软键盘收回，但整体页面出现上移，没有自动弹回到页面顶部。
解决的思路是在input失去焦点时触发事件，手动回到页面顶部。在这里插入代码片

	<form @submit="clickdl" @reset="formReset">
	  <view class="login-form-input">
	    <input
	      name="username"
	      type="text"
	      @blur="toTop"
	      placeholder-class="f-gray"
	      placeholder="请输入您的账号">
	  </view>
	  <view class="login-form-input">
	    <input
	      name="password"
	      type="password"
	      @blur="toTop"
	      placeholder-class="f-gray"
	      placeholder="请输入您的密码">
	  </view>
	  <button
	    formType="submit"
	    class="login-form-btn"
	    >确定</button>
	</form>

	toTop() {
	  uni.pageScrollTo({
	    scrollTop: 0,
	    duration: 0
	  })
	}

uni-app 完美解决软键盘把fixed顶起问题
第一步在onload中加个获取当前高低

	onLoad() {
		this.height = uni.getSystemInfoSync().windowHeight
	 },

给你最外层的父盒子加个高度

:style="{height:height + 'px'}"

3、在把你浮动的底部的 fixed 改成 absolute

.footer-logo {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			bottom: 20rpx;
			text-align: center;
			color: #BBBBBB;
			font-size: 24rpx;	
		}

vue中如何防止多次点击（防止重复提交） - 陪伴者 - 博客园

https://www.cnblogs.com/liujiajiablog/p/9389449.html

h5中浏览器重新加载不能及时更新js、css静态资源文件问题解决 办法

解决办法一:为页面加入meta标签
在head中添加meta标签以下内容，禁止缓存加载，直接请求服务器

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

Cache-Control作用于HTTP1.1
Pragma作用于HTTP1.0
Expires作用于proxies

这样浏览器在资源没修改的时候也不能加载缓存，十分影响体验，毕竟不能一棍子打死，在解决静态资源的时候，还可以为其添加版本号来控制。

解决办法二:js、css加上版本号
在引用链接的后面加入相应的版本号，每次修改

<link rel="stylesheet" href="style.css?v=1.0.0">
<script src="main,js?v=1.0.0"></script>

问号后面的不起实际作用，仅当作后缀，让浏览器自动检测更新最新的css，js等静态文件。如果用问号加参数的方法，可以添加版本号等信息，同时可以刷新一下浏览器端的缓存。这样在使用静态文件的时候会方便很多，当然也可以修改资源的名称这里就不再说了。
Cache-Control
在HTTP/1.1中，Cache-Control是最重要的规则，主要用于控制网页缓存，主要取值为
public：所有内容都将被缓存（客户端和代理服务器都可缓存）
private：所有内容只有客户端可以缓存，Cache-Control的默认取值
no-cache：客户端缓存内容，但是是否使用缓存则需要经过协商缓存来验证决定
no-store：所有内容都不会被缓存，即不使用强制缓存，也不使用协商缓存
max-age=xxx (xxx is numeric)：缓存内容将在xxx秒后失效