<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Beam]]></title><description><![CDATA[请输入博客描述]]></description><link>https://blog.youkuaiyun.com/Beam007</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Beam007]]></copyright><item><title><![CDATA[【浏览器】默认全屏和刷新]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/142140442</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/142140442</guid><author>Beam007</author><pubDate>Thu, 12 Sep 2024 13:32:22 +0800</pubDate><description><![CDATA[登录系统后要默认全屏。 在实践一番之后发现一堆问题，有的至今没法解决，浏览器是不允许通过任何代码形式直接启动全屏的。]]></description><category></category></item><item><title><![CDATA[【nginx】转发配置、漏洞整改]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/142145053</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/142145053</guid><author>Beam007</author><pubDate>Thu, 12 Sep 2024 13:31:48 +0800</pubDate><description><![CDATA[nginx的转发配置参考，以及漏洞安全评估扫出的问题，对应配置修改，特别说明pdf.js存在的漏洞修复。]]></description><category></category></item><item><title><![CDATA[微前端 - 对外只开放一个端口]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/136321204</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/136321204</guid><author>Beam007</author><pubDate>Wed, 11 Sep 2024 13:20:23 +0800</pubDate><description><![CDATA[微前端部署改造：减少对外开放的端口，保证子系统能独立更新部署和访问，降低开放N个子系统端口存在的安全隐患。]]></description><category></category></item><item><title><![CDATA[NPM私库搭建-verdaccio（Linux）]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/134269379</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/134269379</guid><author>Beam007</author><pubDate>Wed, 11 Sep 2024 13:19:51 +0800</pubDate><description><![CDATA[linux环境下使用verdaccio搭建npm私库，安装pm2对私库进程进行守护，以及相关问题的记录。]]></description><category></category></item><item><title><![CDATA[package.json和package-lock.json]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/123850741</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/123850741</guid><author>Beam007</author><pubDate>Wed, 30 Mar 2022 16:58:13 +0800</pubDate><description><![CDATA[一、package.json
定义了当前项目所需要引用的各个模块，可以手工修改配置，也可以删除后，使用npm init命令重新自动生成。
但是该文件只锁定大版本号，也就是版本号的第一位，所以你会发现两个文件中同一个包的版本号不一致，但是第一位一定是一致的。
1、锁定小版本
如需锁定小版本，修改配置文件，去掉版本号前面的小尖尖即可。
"dependencies": {
  "axios": "^0.21.1",
  "element-ui": "2.15.1",
},

例如：
此处的axios，若执行npm]]></description><category></category></item><item><title><![CDATA[【linux打包部署】问题集锦]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/123849702</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/123849702</guid><author>Beam007</author><pubDate>Wed, 30 Mar 2022 16:27:26 +0800</pubDate><description><![CDATA[问题一、Error: EACCES: permission denied
现象：
之前部署好好的，突然有一天用Jenkins部署的时候报错，于是手动去服务器上打包部署也报错。
报错：
Error: EACCES: permission denied, open '/var/lib/jenkins/workspace/141-sub-xxx/node_modules/vue-

demi/lib/index.cjs'
    at Object.openSync (fs.js:440:3)
    at Ob]]></description><category></category></item><item><title><![CDATA[XXX is not defined.eslint no-undef]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/123848705</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/123848705</guid><author>Beam007</author><pubDate>Wed, 30 Mar 2022 16:15:08 +0800</pubDate><description><![CDATA[代码
&lt;script language="javascript"
  src="https://webapi.amap.com/maps?v=1.4.15&amp;key=***&amp;plugin=AMap.ControlBar,Map3D,AMap.DistrictSearch"
  ignore&gt;
&lt;/script&gt;
&lt;script language="javascript" src="/static/js/xml2json.js" ignore&gt;

// JSO]]></description><category></category></item><item><title><![CDATA[【element ui】问题集锦]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/123825985</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/123825985</guid><author>Beam007</author><pubDate>Tue, 29 Mar 2022 16:57:16 +0800</pubDate><description><![CDATA[现象：
在el-dialog弹出框中使用到el-table列表时，右侧操作栏设置了fixed=“right”，第一次打开弹框正常，关闭后再次打开，发现操作栏全都往下移动了一行，导致表格行错位。

解决：
官方文档有提供方法doLayout，但没明确什么情况下使用，或许此时就能用。
监听data变化后，需要重新渲染el-table时，调用doLayout该方法即可。
代码：
watch: {
  '$attrs.data': {
    handler (val) {
      this.$refs.com]]></description><category></category></item><item><title><![CDATA[echarts 提示框组件tooltip调请求异步展示]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/123713727</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/123713727</guid><author>Beam007</author><pubDate>Thu, 24 Mar 2022 16:39:12 +0800</pubDate><description><![CDATA[废话少说先附代码
import axios from 'axios'

const toHTML = (res) =&gt; {
  console.log(res.data.errorMessage, 123456)
  return res.data.errorMessage
}

tooltip: {
  trigger: 'axis',
  confine: true, // 将 tooltip 框限制在图表的区域内 防止超出div被遮盖
  triggerOn: 'click', // 点击时触发]]></description><category></category></item><item><title><![CDATA[Jenkins部署前端服务]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/121630267</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/121630267</guid><author>Beam007</author><pubDate>Tue, 30 Nov 2021 13:17:49 +0800</pubDate><description><![CDATA[一、Jenkins简介
官方说明：
Jenkins是一个开源软件项目，是基于Java开发的一种持续集成工具，用于监控持续重复的工作，旨在提供一个开放易用的软件平台，使软件项目可以进行持续集成。
官网地址：
https://www.jenkins.io/index.html
总之：
使用Jenkins，可以实现一键部署发布。
Jenkins从SVN拉取代码 &gt; 部署至发布项目的服务器 &gt; 并启动服务。代替人工运行buil命令打包 &gt; 上传至服务器 &gt; 重启服务。
二、安装Jenkins]]></description><category></category></item><item><title><![CDATA[【Vue Router】问题集锦]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/121630233</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/121630233</guid><author>Beam007</author><pubDate>Tue, 30 Nov 2021 13:10:12 +0800</pubDate><description><![CDATA[问题一、重复点击报错
连续点击同一个路由，第二次点击时报错NavigationDuplicated。如图所示：

vue-router引入的地方加上如下代码段即可
import VueRouter from 'vue-router'
// 解决重复点击菜单导航报错：NavigationDuplicated 的问题
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push (location, ]]></description><category></category></item><item><title><![CDATA[微前端部署配置]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/119821879</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/119821879</guid><author>Beam007</author><pubDate>Mon, 23 Aug 2021 10:30:47 +0800</pubDate><description><![CDATA[微前端部署配置方法及优缺点总结
方法一：一个nginx搞定，配置多个server监听多个端口。
配置见nginx202.conf
优点：
配置简单方便
缺点：
无法单独重启单个服务，这样违背了微前端子服务单独部署启动的原则。
方法二：使用docker部署
配置见docker-compose.isok.yml和nginx.isok.conf
优点：
配置一个docker容器，nginx配置同上，简单方便
缺点：
同上（无法单独重启单个服务，这样违背了微前端子服务单独部署启动的原则。）
差别：
与上一个方法的差]]></description><category></category></item><item><title><![CDATA[el-menu 菜单组件的优化]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/119823797</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/119823797</guid><author>Beam007</author><pubDate>Mon, 23 Aug 2021 09:56:01 +0800</pubDate><description><![CDATA[问题：
选中菜单，路由跳转了，但需要点击两次才有选中的颜色。
F12查看，第一次点击时没有绑定上.isactive，第二次点击才绑定该样式。
原来使用router模式是没有这个问题的，但是现在不用router模式，通过select方法跳转路由。
原因：
router模式下，路由根据index绑定值进行跳转。
而index绑定值需要唯一，如果存在路由为空串’'容易出现点击空串的节点展开了全部等问题。
并且系统中容易出现路由不唯一的情况，只有code\id\sn才能保证唯一性。
于是只能舍弃router模式，@]]></description><category></category></item><item><title><![CDATA[el-tree 设置默认值]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/119823719</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/119823719</guid><author>Beam007</author><pubDate>Fri, 20 Aug 2021 17:22:06 +0800</pubDate><description><![CDATA[el-tree 单选树设置默认值
&lt;el-tree ref="tree" :data="treeMenus" :props="defaultProps" accordion @node-click="handleNodeClick" :node-key="nodeId" :filter-node-method="filterNode" highlight-current :expand-on-click-node="true" :default-expanded-keys="[defaultId]"&]]></description><category></category></item><item><title><![CDATA[http替换成https遇到的坑]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/119822498</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/119822498</guid><author>Beam007</author><pubDate>Fri, 20 Aug 2021 17:12:58 +0800</pubDate><description><![CDATA[1、引入高德地图，需要改http为https引入。
改
&lt;script language="javascript" src="http://webapi.amap.com/maps?v=1.4.15&amp;key=你的密钥&amp;plugin=AMap.ControlBar,Map3D,AMap.DistrictSearch"&gt;&lt;/script&gt;

为
&lt;script language="javascript" src="https://webapi.amap.com/ma]]></description><category></category></item><item><title><![CDATA[【浏览器】问题集锦]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/119826670</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/119826670</guid><author>Beam007</author><pubDate>Fri, 20 Aug 2021 16:32:21 +0800</pubDate><description><![CDATA[一、浏览器设置跨域
1、复制一个浏览器
2、右键-属性-在目标栏追加 --disable-web-security --user-data-dir=C:\MyChromeDevUserData
注意：–前有一个空格，确保该文件夹存在C:\MyChromeDevUserData。
二、浏览器控制台报错：
Error saving setting with name: consoleHistory, value length: 5549354. Error: Failed to set the 
'consol]]></description><category></category></item><item><title><![CDATA[添加拖拽条改变外层容器宽度]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/119823933</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/119823933</guid><author>Beam007</author><pubDate>Fri, 20 Aug 2021 15:11:54 +0800</pubDate><description><![CDATA[使用自定义指令绑定拖拽
官方文档：
https://cn.vuejs.org/v2/guide/custom-directive.html#%E7%AE%80%E4%BB%8B
&lt;div&gt;&lt;/div&gt;
&lt;div v-barDrag&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;

Vue.directive('barDrag', {
  bind (el, binding, vnode, oldVnode) {
    Vue.nextTick(]]></description><category></category></item><item><title><![CDATA[【js】问题集锦]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/119817094</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/119817094</guid><author>Beam007</author><pubDate>Fri, 20 Aug 2021 10:43:09 +0800</pubDate><description><![CDATA[一、JSON.parse对象转换问题
obj = JSON.parse(data)时候报错：
SyntaxError: Unexpected token . in JSON at position 0
原因：
data已经是对象了。
JSON.parse()：将JSON字符串转换成JSON对象
JSON.stringify()：将JSON对象转换成JSON字符串

...]]></description><category></category></item><item><title><![CDATA[【css】问题集锦]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/119784346</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/119784346</guid><author>Beam007</author><pubDate>Fri, 20 Aug 2021 10:42:47 +0800</pubDate><description><![CDATA[一、fixed超出窗口大小部分无法滚动
问题：
使用fixed固定一个div，当这个div高度大于窗口高度后，超出的内容无法滚动查看。
解决办法：
在设置fixed的div添加样式 height:100%;overflow:auto; 即可。
据说还可以设置样式 max-height:100%;overflow:auto; 即可。
具体还是根据情况设置当前div的宽度，若当前div宽度是个固定值不想设置成百分数，则：
可以在外层包裹一个div设置为position:fixed;height:100%;ove]]></description><category></category></item><item><title><![CDATA[NPM私库搭建-verdaccio]]></title><link>https://blog.youkuaiyun.com/Beam007/article/details/118694543</link><guid>https://blog.youkuaiyun.com/Beam007/article/details/118694543</guid><author>Beam007</author><pubDate>Tue, 13 Jul 2021 13:53:39 +0800</pubDate><description><![CDATA[背景
沿用微前端的思想，需要把公共组件部分抽成包，提供给各子服务导入使用。
于是需要一个管理包的仓库，也就是要搭建属于项目组的npm仓库。
网上随手一搜都是sinopia，而且上手还挺快的分分钟就启动好了，但是！！后续的上传下载包各种问题，搞了好久，发现这玩意这么多年没更新了，再一查现在都用verdaccio了。
血泪教训啊！！！
技术选型一定要注意文章的时间！然后注意npm上的下载量和修改时间！！
官方文档：https://www.npmjs.com/package/verdaccio
参考官方文档，我先]]></description><category></category></item></channel></rss>