<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[GreyCastle的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/GreyCastle</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; GreyCastle]]></copyright><item><title><![CDATA[vue-cli本地预览打包文件]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/125096649</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/125096649</guid><author>GreyCastle</author><pubDate>Thu, 02 Jun 2022 10:48:21 +0800</pubDate><description><![CDATA[vue预览本地打包文件]]></description><category></category></item><item><title><![CDATA[（访问静态资源报错）net::ERR_CERT_AUTHORITY_INVALID]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/124387631</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/124387631</guid><author>GreyCastle</author><pubDate>Sun, 24 Apr 2022 17:21:45 +0800</pubDate><description><![CDATA[原因：

在访问https协议的网址的时候，有时会出现标题所示的错误，原因在于https授信，当前验证不通过

项目在登录后，叫后端更改了图片的地址，但是图片未正常显示，报错。

解决办法：

重新登录！！
...]]></description><category></category></item><item><title><![CDATA[坑：el-tree复选框动态禁用时，默认勾选的数据不显示]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/123190096</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/123190096</guid><author>GreyCastle</author><pubDate>Mon, 28 Feb 2022 19:35:18 +0800</pubDate><description><![CDATA[①：首先保证el-tree的树形结构进行递归遍历使用的是this.$set添加disable属性。

②：保证default-checked-keys是根节点不是父节点（大坑）
]]></description><category></category></item><item><title><![CDATA[vue+js拖拽进度条+计数器联动效果(可自定义值，复制代码直接可用)]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/122525776</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/122525776</guid><author>GreyCastle</author><pubDate>Sun, 16 Jan 2022 17:34:01 +0800</pubDate><description><![CDATA[直接上代码：

   封装slider的组件：

   


&lt;template&gt;
	&lt;div id="container" ref="outContainer"&gt;
		&lt;div class="innnerContainer" ref="innerContainer" :style="`width:${distance}px`"&gt;
            &lt;div class="block" ref="block" :style="`left:$...]]></description><category></category></item><item><title><![CDATA[JSON.stringify()方法时报错 Converting circular structure]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/122462170</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/122462170</guid><author>GreyCastle</author><pubDate>Wed, 12 Jan 2022 20:56:30 +0800</pubDate><description><![CDATA[原因：对象间的属性存在相互引用

解决办法：使用插件 circular-json


npm install circular-json -D  

引入：


import CircularJSON from 'circular-json'

两个重要的方法（解析与反解析）：


CircularJSON.parse('转换的值')

CircularJSON.stringify('转换的值')

完美解决！
...]]></description><category></category></item><item><title><![CDATA[vue中安装postcss-pxtorem插件，Error: PostCSS plugin postcss-pxtorem requires PostCSS 8错误]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/122189952</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/122189952</guid><author>GreyCastle</author><pubDate>Tue, 28 Dec 2021 11:56:07 +0800</pubDate><description><![CDATA[原因：版本不合适，一般是版本太高

解决办法：npm找对应的版本

链接：https://www.npmjs.com/package/postcss-pxtorem


]]></description><category></category></item><item><title><![CDATA[点击/焦点获取，控制元素与隐藏，点击显示元素时，获取不到选中的值]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/121318823</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/121318823</guid><author>GreyCastle</author><pubDate>Sun, 14 Nov 2021 16:01:36 +0800</pubDate><description><![CDATA[解决办法：

使用setTimeout延迟隐藏

代码：

html:


//触发焦点显示div 
&lt;el-input v-model="input" @focus="()=&gt;this.isShowSearch=true" @blur="blurInput" size="small" placeholder="多个关键字段用|分割"&gt;&lt;/el-input&gt;



//div代码，点击获取值
&lt;div class="baseSearchOptionItem" v-for=]]></description><category></category></item><item><title><![CDATA[解决clipboard.js在vue的弹窗组件中无效或者首次点击无效]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/121318529</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/121318529</guid><author>GreyCastle</author><pubDate>Sun, 14 Nov 2021 15:41:48 +0800</pubDate><description><![CDATA[解决办法：

通过ref获取div元素

代码：


 &lt;el-button ref="copy" :data-clipboard-text="复制该文字" type="primary" @click="copyCode" size="small"&gt;复制&lt;/el-button&gt;

mounted(){
            //mounted中初始化实例，解决第一次复制不触发问题
            let copyDomTxt=this.$refs['copy'].$el
 ]]></description><category></category></item><item><title><![CDATA[node 启动项目出现eslint-disable-line报错]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/121318442</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/121318442</guid><author>GreyCastle</author><pubDate>Sun, 14 Nov 2021 15:36:15 +0800</pubDate><description><![CDATA[解决：node的版本问题。我系统默认是v15.12.0的，降到 v8.16.0就行了

查看node版本和安装node 可以使用nvm工具
]]></description><category></category></item><item><title><![CDATA[vue-cli4刷新报错：Uncaught SyntaxError: Unexpected token ＜]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/121318237</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/121318237</guid><author>GreyCastle</author><pubDate>Sun, 14 Nov 2021 15:23:50 +0800</pubDate><description><![CDATA[修改vue.config.js


publicPath:'/',//解决打包时css和js以及静态文件路径不正确问题


]]></description><category></category></item><item><title><![CDATA[vue-cli4热更新失效问题]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/121318053</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/121318053</guid><author>GreyCastle</author><pubDate>Sun, 14 Nov 2021 15:15:09 +0800</pubDate><description><![CDATA[①：安装 webpack-dev-server


npm install --save-dev webpack-dev-server

②：修改vue.config.js配置


devServer: {
    port: 3033,
    host: "0.0.0.0",
    https: false, // https:{type:Boolean}
    open: true, // 配置自动启动浏览器
    disableHostCheck: true, //webpack4.0 开启热]]></description><category></category></item><item><title><![CDATA[flex布局时el-table不能自适应问题]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/121317878</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/121317878</guid><author>GreyCastle</author><pubDate>Sun, 14 Nov 2021 15:01:19 +0800</pubDate><description><![CDATA[改变布局方式：

使用float:left代替flex

也可以参考下面的这个博客，大家试下

https://blog.youkuaiyun.com/YongChao_bms/article/details/103293607


]]></description><category></category></item><item><title><![CDATA[el-table嵌套表单并添加表单验证]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/121317658</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/121317658</guid><author>GreyCastle</author><pubDate>Sun, 14 Nov 2021 14:54:18 +0800</pubDate><description><![CDATA[注意事项：

①：el-form标签要放在table的外面

②：表格绑定的数据要作为表单的属性


columnAggreForm: {
                  column_type: "text",
                    agg_type: "yes",
                    //表格数据
                    agg_columns: [{
                        guid: this.getGuid(),
 ]]></description><category></category></item><item><title><![CDATA[el-table和Sortable插件实现表格行列拖拽]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/121316715</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/121316715</guid><author>GreyCastle</author><pubDate>Sun, 14 Nov 2021 13:35:26 +0800</pubDate><description><![CDATA[①：安装Sortable插件：


npm install sortablejs --save

②：引入


import Sortable from 'sortablejs'

③：使用


&lt;template&gt;
  &lt;div style="width:800px"&gt;

    &lt;el-table :data="tableData"
      border
      row-key="id"
      align="left"&gt;
     &lt;el-tabl]]></description><category></category></item><item><title><![CDATA[mongodb配置远程连接]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/120516511</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/120516511</guid><author>GreyCastle</author><pubDate>Mon, 27 Sep 2021 20:37:56 +0800</pubDate><description><![CDATA[声明：服务器用的是window系统的

步骤：

① 进入到你安装的mongodb的bin文件夹下找到mongod.cfg文件，然后打开。

②：找到里面的bindIp:在后面加上0.0.0.0(如下图) 保存



③：新打开一个cmd(以管理员身份运行)进入到mongodb的bin文件夹

执行下面这个命令更新配置（把下面的路径换成你的）


mongod.exe --config "C:\Program Files\MongoDB\Server\5.0\bin\mongod.cfg" --insta.]]></description><category></category></item><item><title><![CDATA[mac远程连接window服务器]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/120496600</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/120496600</guid><author>GreyCastle</author><pubDate>Sun, 26 Sep 2021 20:39:25 +0800</pubDate><description><![CDATA[一：去mac的APP store下载这个软件





下载好后，打开。按着下面的步骤执行。







以上的步骤就ok啦，就能看到自己的服务器界面了












]]></description><category></category></item><item><title><![CDATA[node-token生成(jsonwebtoken)和过期验证(express-jwt)采坑记录]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/120442437</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/120442437</guid><author>GreyCastle</author><pubDate>Thu, 23 Sep 2021 20:45:03 +0800</pubDate><description><![CDATA[前言：

在做服务时token验证是必不可少的一环。今天搞node验证可谓是一波三折。

先说踩得坑吧：

在使用express-jwt插件验证token是否过期时，一直验证不通过，报401。

服务端会提示：



原因:就是前端要在token前面加上Bearer和空格。如图：





接下来看下两个插件（时间有限我只简单的说）详细了解看下面

jsonwebtoken：http://www.ruanyifeng.com/blog/2018/07/json_web_token-tutorial.ht..]]></description><category></category></item><item><title><![CDATA[切换el-select时显示的问题]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/120004894</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/120004894</guid><author>GreyCastle</author><pubDate>Mon, 30 Aug 2021 20:56:47 +0800</pubDate><description><![CDATA[前言：今天遇到个头大的问题，就是动态切换el-select组件返显问题。上图吧，一图胜万语。







这个问题我想了大半天，不断的调试找问题。晚上偶然间看到了一个博客，感觉和我的问题相似。就看了下，果然啊，一语惊醒梦中人。就试了下，果然可以。心里爽啊。

分析下原因吧：（注意，下面中的截图中el-select中的key之前是没有的，这是我修改后的）



再来看个效果，我在代码input加个属性。看看到底是不是复用了。





上面这个两个截图证明了，vue果然将input复用了！

既...]]></description><category></category></item><item><title><![CDATA[http状态码304缓存机制(强缓存和协商缓存-304)]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/119877226</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/119877226</guid><author>GreyCastle</author><pubDate>Tue, 24 Aug 2021 21:02:55 +0800</pubDate><description><![CDATA[http缓存机制]]></description><category></category></item><item><title><![CDATA[JS数组和对象相互转换方法[实用]]]></title><link>https://blog.youkuaiyun.com/GreyCastle/article/details/114969759</link><guid>https://blog.youkuaiyun.com/GreyCastle/article/details/114969759</guid><author>GreyCastle</author><pubDate>Thu, 18 Mar 2021 11:26:47 +0800</pubDate><description><![CDATA[数组转对象展开运算符 (...)
这是一个简单快速的方法


constarr=['one','two','three'];
constobj={...arr};
console.log(obj);//{0:'one',1:'tow',2:'three'}

Objcet.assign(target, ...sources)
将所有可枚举属性的值从一个或多个源对象分配到目标对象

参数： target：目标对象、...sources：源对象

返回值：目标对...]]></description><category></category></item></channel></rss>