![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
前端
aicloudgo
这个作者很懒,什么都没留下…
展开
-
axios请求本地json报错404
1.方法一# 使用vue cli老版本创建的vue项目1.在vue项目根目录下的static目录下创建json文件。例如:data.json2.在test.vue中获取本地json数据 import axios from 'axios' export default { name: "index", data() { return {}; }, mounted() { this.getData() }, metho原创 2021-06-01 16:25:11 · 362 阅读 · 0 评论 -
vue项目 history模式 配置nginx 二级目录
1.router.js添加baseconst router = new Router({ mode: 'history', // history、hash 路由模式 base: '/blockchain/', routes});2.项目根目录下的vue.config.js文件(没有此文件则新建)// 打包输出的公共路径 publicPath 的值需要和 router.js 中base的值一致module.exports = { outputDir: 'di原创 2021-05-26 14:29:41 · 1441 阅读 · 0 评论 -
React知识点
1.组件props的数据类型校验# https://react.docschina.org/docs/typechecking-with-proptypes.html例子:import PropTypes from 'prop-types';class Greeting extends React.Component { render() { return ( <h1>Hello, {this.props.name}</h1> );原创 2021-04-15 23:03:54 · 165 阅读 · 0 评论 -
React+Node.js实战(1):开发环境搭建
安装Node.js# 官网下载Node.js安装包(LTS版)https://nodejs.org/zh-cn/# 执行安装并验证是否成功node --version# npmnpm -versionnpm -help# cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm -version# yarn(速度快、安全、可靠)https://yarnpkg.com/npm instal原创 2021-04-03 15:29:49 · 957 阅读 · 0 评论 -
axios请求的params参数值中有对象的传递处理
1.按照qsnpm install qs2.引入qsimport qs from 'qs'// post方法的params方式传递对象axios({ url: '接口', method: 'post', params: data,//传递的对象{aa:{bb:11,cc:22},dd:33} -> api?aa.bb=11&aa.cc=22&dd=33 paramsSerializer: function(params) { return qs.原创 2021-03-29 10:51:43 · 2117 阅读 · 0 评论 -
前端常用工具类(持续收集更新)
1、日期处理类库http://momentjs.cn/原创 2021-03-29 09:22:57 · 111 阅读 · 0 评论 -
el-table组件滚动条美化
el-table组件<el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="name" label="姓名"原创 2021-03-19 16:03:56 · 1974 阅读 · 0 评论 -
vue-element-admin+跨域代理+部署Nginx代理
一:开发环境跨域代理# URL代理拦截1.在 .env.development 文件内配置:# 环境变量以 VUE_APP_ 为开头。如:VUE_APP_API# 开发环境配置ENV = 'development'# 开发环境请求后端apiVUE_APP_BASE_API = '/dev-api'VUE_APP_OAUTH_API = '/oauth-api'--------------------------------------------------------2原创 2021-03-18 20:19:10 · 2382 阅读 · 1 评论 -
AES/CBC/PKCS5Padding加解密----前后端配合
Java的AES/CBC/PKCS5Padding加解密package com.demo.cloud.utils;import lombok.extern.slf4j.Slf4j;import org.apache.commons.codec.binary.Base64;import javax.crypto.Cipher;import javax.crypto.IllegalBlockSizeException;import javax.crypto.KeyGenerator;imp原创 2020-08-26 15:51:45 · 2189 阅读 · 0 评论 -
大批量图片打包zip下载
使用插件<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="https://unpkg.com/axios/dist/axios.min.js"></s...原创 2019-05-22 10:13:06 · 15063 阅读 · 1 评论 -
Web Socket 笔记
/** Web Sockets:基于W3C标准开发在一个TCP接口中进行双向通信的技术。服务器主动推送数据到客户端* web sockets API 的使用* 1.创建连接* var sk = new WebSocket('ws://127.0.0.1:9527');* 2.发送数据* sk.send(data); //data只能是文本数据或者JSO...原创 2019-04-15 19:02:33 · 100 阅读 · 0 评论 -
离线应用开发知识点笔记
/** 一:离线应用-本地缓存文件** 缓存机制:Cache Manifest,在线时将对应文件缓存到本地,离线时读取本地缓存文件,使用manifest文件来管理缓存文件信息。* 使用manifest文件管理缓存需要在服务端进行相应的配置,如IIS/NG* 服务端设置:在http头中设置文件类型-> 关联扩展名.manifest 内容类型 text/cache-man...原创 2019-04-15 16:58:21 · 267 阅读 · 0 评论 -
客户端数据库存储
/** 一:Web Storage存储 (存储少量数据5MB)* 1.sessionStorage 保存会话数据,临时存储数据,浏览器关闭数据丢失; 数据被保存在session对象中。* sessionStorage对象的方法:* sessionStorage.setItem(key,value)* sessionStorage...原创 2019-04-11 17:39:42 · 562 阅读 · 0 评论 -
文件上传笔记
/** 使用FileReader接口读取文件* 一:FileReader接口的常用方法* readAsBinaryString(file): 以二进制的方式读取文件内容* readAsArrayBuffer(file): 以数组缓冲的方式读取文件内容* readAsDataURL(file): 以数据URL的方式读取文件内容* readAsText(file,encodi...原创 2019-04-04 16:41:49 · 149 阅读 · 0 评论