javascript 处理返回json中的\u中文乱码问题
只要简单一句:
function unicode2Chr(str) {
return unescape(str.replace(/\\/g, "%"));
}
例如输入:{"status":"error","message":"\u53c2\u6570\u9519\u8bef"}
返回:{"status":"error","message":"参数错误"}
只要简单一句:
function unicode2Chr(str) {
return unescape(str.replace(/\\/g, "%"));
}
例如输入:{"status":"error","message":"\u53c2\u6570\u9519\u8bef"}
返回:{"status":"error","message":"参数错误"}
package cn.rivamed.config.security;
import org.springframework.context.annotation.Configuration;
import org.springframework.security.config.annotation.web.builders.HttpSecurity;
import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;
import org.springframework.security.config.annotation.web.configuration.WebSecurityConfigurerAdapter;
@Configuration
@EnableWebSecurity
public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
@Override
protected void configure(HttpSecurity http) throws Exception {
http.csrf().disable()
.authorizeRequests()
.anyRequest().permitAll()
.and().logout().permitAll();
}
} 禁用spring security两种方法:
@EnableAutoConfiguration(exclude = {SecurityAutoConfiguration.class})
或者
@SpringBootApplication(exclude = {SecurityAutoConfiguration.class })
在多模块下可以以上操作 如果是独立直接删除依赖即可
CSS Grid可轻松构建复杂的Web设计。它的工作原理是将HTML元素转换为具有行和列的网格容器,以便将子元素放置在网格中所需的位置。
通过将元素的父级设置display: grid;转化为网格布局。
html代码
<div class="grid-wrap">
<div class="grid-item">1</div>
<div class="grid-item">2</div>
<div class="grid-item">3</div>
<div class="grid-item">4</div>
<div class="grid-item">5</div>
<div class="grid-item">6</div>
</div>
css代码
.grid-wrap {
display: grid;
}

grid-template-columns 将网格划分为n列,并设置一个宽度,属性的参数数量就是划分为具体的多少列
CSS代码
.grid-wrap {
display: grid;
grid-template-columns: 50px 200px 80px;
}

grid-template-rows 设置网格的每一行的高度
css代码
.grid-wrap {
display: grid;
grid-template-columns: 50px 200px 80px;
grid-template-rows: 50px 80px;
}

fr 自适应单位,根据剩余的宽度分配所占比例
auto 将元素设置为自身的宽高
% 根据容器的宽和高去计算百分比
下边示例设置为2列3行,第一列为80px,第二列的宽度=容器总宽度-第一列宽度;第一行的高度为50px,第二行的高度=容器总高度-第一行高度-第三行高度,第三行高度为容器的30%
css代码
.grid-wrap {
display: grid;
grid-template-columns: 80px auto;
grid-template-rows: 50px 1fr 30%;
width: 330px;
height: 400px;
}

grid-column-gap 设置每列之间的空隙
grid-row-gap 设置每行之间的空隙
css代码
.grid-wrap {
display: grid;
grid-template-columns: 80px 200px 1fr;
grid-template-rows: 50px 1fr;
grid-column-gap: 10px;
grid-row-gap: 5px;
width: 330px;
height: 150px;
}
封装
/**
封装request
*/
class Request {
constructor (parms) {
this.withBaseURL = parms.withBaseURL
this.baseURL = parms.baseURL}
get (url, data) {
return this.request('GET', url, data)}
post (url, data) {
return this.request('POST', url, data)}
put (url, data) {
return this.request('PUT', url, data)}
request (method, url, data) {
const vm = this
return new Promise((resolve, reject) => {
wx.request({
url: vm.withBaseURL ? vm.baseURL + url : url,
data,
method,
header: {
'content-type': 'application/json' // 默认值
},
success (res) {
resolve(res)
},
fail () {
reject({
msg: '请求失败',
url: vm.withBaseURL ? vm.baseURL + url : url,
method,
data
})
}
})
})}
}
const request = new Request({
baseURL: 'http://127.0.0.1',//本地环境
// baseURL: 'http://127.0.0.1',//线上
withBaseURL: true
})
module.exports = request
使用办法
在page上面加上这个
var libs = require('../../utils/request')
//get请求
libs.get('/aaa', {
a: 0,
b: 1
}).then(res => {
console.log(res)
}).catch(e => {
console.log(e)
})
//post请求
libs.post('/aaa', {
a: 0,
b: 1
}).then(res => {
console.log(res)
}).catch(e => {
console.log(e)
})
举一反三。