- 博客(46)
- 收藏
- 关注
RSS订阅原创 vue-cli3.0升级vue-cli4.0 失败
因为我的项目中有nvm来切换node的版本卸载vue-cli3.0的时候卸载的是/usr/local/lib/node_modules里面的所以利用where vue 找到在nvm下的路径/Users/***/.nvm/versions/node/v10.15.3/lib/node_modules中的@vue 直接管理员身份删掉再执行yarn add global @vue/[email protected]使用vue -V可以看到vue-cli4.0升级成功vue-cli的路径指向从n..
2021-05-17 16:00:03
219
原创 打包后的vue项目，报错 怎么看具体位置
productionSourceMap: false将vue.config.js 中的值 设置为true；那么打包后报错的位置就可以看到了找到问题后，记得将productionSourceMap 重新置为false
2020-12-07 13:25:21
2956
1
原创 vue-router 的 mode:‘history‘ 时，各类后端需如何配置
https://router.vuejs.org/zh/guide/essentials/history-mode.html?#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90vue-router的官网有 挺全的；koa没有 在我的另一篇博客可以看https://blog.csdn.net/newBunny/article/details/110630768...
2020-12-04 14:57:49
448
转载 vue-router mode设置为history时，打包部署在koa，如何配置
前端使用vue搭建页面，然后build，生成静态的js css 文件，把文件放在后端的静态资源文件public中，如果直接在浏览器上访问 localhost:8000/xxxx 后端找不到xxxx路由就会报404使用koa2-connect-history-api-fallback之后，koa就会把所有的get方式的请求都发给/index.html,然后由vue-router来接管页面路由 注意下面的注释！const history = require('koa2-connect-his
2020-12-04 10:53:40
676
原创 vue-router的mode设置为history时 本地页面刷新proxy报错
给proxy代理接口，设一个比较特别的前缀 如api；区分一下前端页面 和 接口的url方法1：devServer: {disableHostCheck: true,port: 8080,proxy: {// 用以区别vue-router的mode:'history'时 页面链接和接口链接'/api': {target: url + '/api',changeOrigin: true,ws: false, // 需要websocket 开启pathRewrite
2020-12-04 10:47:50
1065
原创 本地vue-router模式设置为mode:‘history‘时，页面空白，无法加载
router 配置模式的地方，加一行代码base: process.env.BASE_URLconst createRouter = () => { return new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes: [] })}酱婶er，即可
2020-11-30 11:19:12
1932
原创 mac 安装JAVA环境，IDEA软件，安装maven，并运行项目
1. 首先，先在terminal（终端）输入命令 java 运行没装过java，会提示没有java，需要下载会直接弹出询问下载jdk的提示框我是选的more info，因为想要自己选jdk的版本，选了more info 之后会浏览器打开页面我选了8u251目前比较稳定， 然后找到合适的直接下载下载完以后双击安装jdk安装完以后，再执行java命令，显示如下，就说明已经安装好啦未完待续。。。...
2020-06-03 08:41:58
446
原创 mac 使用 ngrok 做内网穿透
个人感觉，这个使用起来很简单，但是不够稳定…下面来步骤吧1.下载ngrok的压缩包到本地 。官网地址：https://ngrok.com/ 2.解压缩到你想放的文件夹 比如abc3.使用命令行，cd abc 到abc这个文件夹 执行 ./ngrok http localhost:80localhost:80 是你要映射到外网的内网地址命令执行后，等一会出现绿色的Session Status online字样就是连接成功了红框是映射的外网域名访...
2020-05-22 09:16:58
423
原创 chorme 的input表单自动填充的颜色 遮盖了背景图片
&.user { background: url('~assets/images/user_input.png') no-repeat; background-size: 100% 100%; }&.user:-webkit-autofill { -webkit-text-fill-color: @white; transition: background-color 9999s ease-in-out 0s; -w.
2020-05-14 09:58:44
583
原创 npm的config文件 在哪里
一般npm的配置文件 叫.npmrc在用户文件夹下 路径一般是 Users/你的用户名/.npmrc可以直接打开文件进行配置也可以使用命令行进行配置 如 npm config ser cache "路径" 酱婶er
2020-05-09 15:31:23
7008
1
原创 怎么让iframe背景变透明
<iframe id="nnn" width="100%" height="100%" scrolling="no" frameborder="0" allowtransparency="true" src="http://"></iframe><style>body{ background-color:transparent;}...
2020-04-30 15:09:12
1045
1
原创 前端代码 ie9及以下ie版本 兼容问题，不完全记录
因为选择转载还需要确认被转载人已同意，有点麻烦，所以选了原创，但是附上了原文地址1. classList 在ie9中的不兼容引入以下代码，即可if (!("classList" in document.documentElement)) { Object.defineProperty(HTMLElement.prototype, 'classList', { g...
2019-10-14 15:21:54
749
原创 win10安装java环境，IDEA软件，安装maven，并运行项目
一、安装java环境去oracle官网下载jdk（选择你需要的版本）安装成功后，添加环境变量，在左下角搜索‘查看高级系统设置’点开环境变量，在系统变量里面新建一个JAVA_HOME变量path填写你安装jdk的位置然后编辑Path（也在系统变量里面找），点击编辑。然后新建path。里面填C:\Program Files\Java\jdk1.8.0_144\bin;...
2019-10-09 16:11:52
720
原创 vue使用vuex储存数据，刷新失效
使用localstorage配合 在store文件中actions里面用localstorage一起保存一下，state取值时 从 storage里面取
2019-09-24 10:58:49
1273
原创 mac 安装 flutter
尝试flutter咯~参考flutter中文网https://flutterchina.club/setup-macos/1. 首先配置一下flutter镜像命令行执行 vim ~/.bash_profile 打开bash_profile文件，加入下面两行，即镜像配置export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户...
2019-09-11 16:04:59
216
原创 HBuilder X 项目运行在小程序开发者工具 失败
打开微信小程序开发者工具 设置 --> 安全设置 --> 点开启然后重新再HBuilder X运行到微信小程序即可以上是mac上的设置，windows基本大致相同...
2019-09-10 08:54:05
9512
1
原创 nginx 代理配置
server { listen 8080; 配置本地访问的端口号 server_name localhost; 配置本地的域名 or ip #charset koi8-r; #access_log logs/host.access.log main; locati...
2019-09-04 11:26:57
162
原创 mac 安装nginx
mac下使用brew安装nginx所以首先要确保安装了homebrew；mac自带ruby，使用ruby安装ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"然后brew search nginx 查询一下是否安装过nginx有对勾就是安装过，没有就是...
2019-09-04 11:23:22
143
原创 nginx启动失败之nginx: [emerg] invalid number of arguments in "root" directive in nginx/nginx.conf:45
这个启动失败信息提示 nginx.conf 的第45行有问题，也可能具体问题是在这行的附近，我查了一下，发现是少了一个分号「;」，加上就好了 over
2019-09-04 09:48:29
4695
1
原创 mac 怎么远程连接windows
https://xclient.info/search/s/jump+des/ 从这个网站上下载 Jump Desktop应用软件安装，然后运行软件点击添加按钮在Host 输入要远程连接的服务器ip，name会自动填充，可以不管然后点Add添加好了以后咧选择你新添加的那个哟，双击，应该会让你输入用户名密码，那你就输呗，然后就能连接啦~ 如果报错就多试几次...
2019-09-04 09:14:23
1319
1
原创 mac能压缩成tar.gz格式吗，windows可以吗，怎么操作；怎么上传到linux，linux上怎么解压缩
一、mac能压缩成tar.gz格式吗？答案是可以的。tar -zcvf test.tar.gz testtest.tar.gz 是将要压缩的名称test是你当前的文件 or 文件夹的名称为了避免此种压缩方式，在linux解压缩是多一个._ 开头的文件副本,命令行前加一下COPYFILE_DISABLE=1COPYFILE_DISABLE=1 tar -zcvf test....
2019-09-04 09:07:04
5764
3
原创 mac 连接linux服务器
mac 利用自带的ssh连接linux服务器打开终端先切换到root权限下 sudo -i ？好多别人的分享都有这一步，不过我没有切换权限，直接连接 输入密码就ok了然后 ssh root@要远程连接的ip最后输入密码即可成功就会进入linux的命令了...
2019-09-04 08:49:24
547
原创 win10 远程连接windows系统桌面
win（键盘上四个小方块） + R 打开运行窗口，输入mstsc运行；然后输入要连接的机器ip，用户名和密码；然后点击【连接】按钮，waiting 就能连接上了，如果提示错误，可以等等再多点几次连接；如果想把本地电脑资源传到远程服务器，有个比较简单的方法，点击窗口左下角的 显示选项；然后选择上面tab里的本地资源，把本地设备和资源中的剪贴板勾选上；这样就可以直接右键复制、粘贴咯...
2019-08-29 15:08:18
174
原创 gitlab 修改默认分支 及 分支保护
一、 gitlab 修改默认分支点击 Settings 选择 General 展开 General project setting 如图红框位置可以修改默认分支二、定义分支保护 从左侧菜单的Branches进去，右侧有 project settings 可以点击进入；然后选择要保护的分支，设置merge和push权限...
2019-07-24 10:05:17
36302
1
转载 ESLint报错解决方案（error: No ESLint configuration found）
https://blog.csdn.net/caomage/article/details/81094958
2019-07-23 16:49:08
5810
转载 使用mongoose连接mongodb
首先，确保已经安装了mongodb；到这个文件夹下，cd /usr/local/mongoDB/bin执行sudo ./mongod --dbpath=/data/db 来指定全局路径然后再执行./mongouse admin -- 指定数据库切换到admindb.createUser({user: 'root', pwd: 'root@123', role...
2019-07-09 16:28:43
1252
原创 mac 安装启动 mongodb
一、如何安装mongodb网上查资料说有三种方法可以安装mongodb；我使用了比较常规的方式，从mongodb官网下载安装包https://www.mongodb.com/download-center/community不需要注册，不需要登录，点击download下载就可以了。下载完文件以后，解压缩改个名字 改成mongoDB 然后拖到/usr/local 文件夹下，打...
2019-07-08 21:47:38
236
原创 react-router v4.0+ 的 withRouter
首先，我们先来说说withRouter是做什么的，它主要是使非路由直连组件可以直接获取到路由的props（history、location、match等等） import React, { Component } from 'react';import { withRouter } from 'react-router-dom';import { RouteCompon...
2019-06-06 18:13:21
812
原创 react-app-rewired 2.0+ 版本后，配置babel-plugin-import 按需加载无效
项目引入antd-mobile；按官方文档介绍安装了react-app-rewired 2.0+ ；并且下载了customize-cra和babel-plugin-import来配置按需加载；也在.babelrc文件中配置了plugins然鹅（当然没有然鹅，就没有这篇文章啦），运行项目后，控制台还是提示这个：You are using a whole package of antd, pleas...
2019-06-06 17:02:57
3185
原创 react-router v4.0+ 找不到的路由怎么handle
<Switch> <Route path="/" exact component={Download}/> <Route path="/download" component={Downloads}/> <Route component...
2019-06-04 10:00:07
364
转载 react-router IndexRoute废弃
react-router v4+版本 IndexRoute已经去掉了，但也有替换的属性我们用 v3 和 v4 各写一个简单的两页应用来对比它们二者 ，下面例子中的两个路由分别指代 home 页 和 user 页：以下是 v3 版本：import { Router, Route, IndexRoute } from 'react-router'const PrimaryLa...
2019-05-22 16:56:36
3319
原创 微信浏览器分享链接，自定义图片和文案
准备工作： 1. 首先要有一个企业认证公众号；一定是认证号；非认证号是没有分享自定义的权限的 2. 然后需要在 公众号设置--》功能设置 js接口安全域名 设置 域名；不带http(s):// 的哦 3. 同时需要，登录“微信公众平台-开发-基本配置”提前将服务器IP地址添加到IP白名单中，点击查看设置方法，否则将无法调用成功。（顺便提一句：小程序无需配置IP白名单...
2019-05-21 17:38:17
6004
转载 Git中.gitignore文件不起作用的解决 以及 Git 中的忽略规则介绍（转载）
https://www.cnblogs.com/zzcc/p/5695883.html
2019-04-28 16:17:38
199
原创 gitlab ssh 和 http不同，ssh 的安装配置
1. ssh 和 http的不同 (1).SSH方式 要求将本地生成的SSh公钥上传到gitlab中，进行SSH Key配置，安全性高一些 (2).http方式 这种方式要求project在创建的时候只能选择“Public”公开状态，Private和Internal私有模式下不能使用http方式进行连接。（ssh方式在三种模式下都可以）。使用...
2019-04-28 11:14:26
946
原创 手机拍照上传图片，在background-image配置中，旋转90度
修改方式是用img的src引入图片；想达到background-size:cover效果； |可以使用object-fit: cover实现相同效果；具体object-fit介绍，先mark，深入待续…… 在刚拿到这个问题的时候，我直接取oos云端看我的图片，发现竖屏拍照的图片是横向显示，我初步把问题定位在oos上传带着exif参数了（传图时拍照的图片会带exif参数，里面的Or...
2019-04-23 14:26:39
4032
原创 总结一下写h5页面遇到的问题
因为各种原因，没有跟框架来写h5，遇到一些坑，特此铭记：1.ios端textarea标签中maxlength定的值，如果输入”换行符“，限制会不准确，比如2000，只能输入1995左右，就无法输入 解决方案： 使用oninput方法，利用sustring截取字符串var len = val.length; //获取标签内容的value值，然后计算长度，利用长度限制，截取显示的内容...
2019-04-23 14:11:01
384
转载 解决页面使用overflow: scroll在iOS上滑动卡顿的问题
https://www.jianshu.com/p/1f4693d0ad2d
2019-04-20 16:16:30
1401
转载 webpack 安装后 运行提示安装webpack-cli
都在全局安装（安装在同一目录）npm install webpack -g (个人项目里，npm install --save-dev webpack -g)输入以上命令后: webpack -v 提示:The CLI moved into a separate package: webpack-cliWould you like to install webpack-cli? (...
2019-04-17 13:42:09
1766
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人