商务合作 / 项目定制开发 / 前端一对一培训、答疑

在 Pinia 中，通过定义多个独立的 store 并在需要时组合使用，可以实现类似于 Vuex modules 的模块化管理

上文展示的basic auth仅适用于开发环境，生产环境，如果要在任意地方使用，比如新建了vue前端来构建wp主题，可以用。2、官方API手册：https://developer.wordpress.org/rest-api/reference/官方API手册：https://developer.wordpress.org/rest-api/reference/：确保使用的用户角色有权限创建文章。所以接下来需要做的就是将一些变量换成自己的，比如。：使用正确的认证方式进行API请求，通常使用。

根据vue所述，建议安装nodejs的18.3及以上版本来开发vue3项目。但是实测nodejs 16+也可以。我在nodejs的16版本，运行如上命令后，不会报错，而是会提示你要安装：(y)当我输入y后，就会安装并执行create-vue，它是Vue官方的全新脚手架工具。但是假如我切换到nodejs的18版本，运行如上命令后，不会提示我安装命令，而是提示如下，表示可以安装项目了，npm create其实是npm init的一个别名：SeeUse。

这就是原因了，因为它找不到可供下载的版本。如果你在web前端开发、面试、前端学习路线有困难可在下方联系我。同样的，现在也可以使用安装命名，安装你想要的。的官网查了，明确已经是发表且可用可下载的。的文档，发现，对于中国用户而言，可以切换。

第一个`PDF`的接口加载了电子签章的字体，但是当我点击第二个`PDF`时，就出现预览空白，原因是因为它沿用了前面`PDF`的`cmaps`文件。后面我发现用这些预览时，其实都是用的是同一个组件。所以，就应该销毁`PDF`预览组件，让其第二次打开时，重新构建，不依赖之前的缓存即可。最终添加了一行很简单的代码来解决了。

所以需要分两步做，先来判断是否有异常项，因为后端返回的数据是树状结构，会有多层级，我需要遍历递归数组的每一个节点对象是否有。的方法了，这里的问题就在于可能会有多个标红字段，那么只需要自动定位到第一个就行。弹框，询问用户是否需要自动定位，如果需要，则自动定位到第一处异常的表单控件这。表单控件，所以第一件事就是去该表单的文档页查看是否有加载页面就校验的方法。2、弹出框提示，询问用户是否自动定位到异常处，如果选择是，则自动滑动页面。属性给的，只要该属性的值不是""，就会自动显示红色的框。

等前端框架时，如果你没有打算用他们的mock数据，在生产环境下一定要注释mock引用的代码，虽然它没有被调用，但是如果你不注释，就会被打包进去。如果你在web前端开发、面试、前端学习路线有困难可以加我V：imqdcnn。免费答疑，行业深潜多年的技术牛人帮你解决bug。将其注释或删除即可，其实官方也是要让你删除的，只是容易忽略。代码打包进去，可能会污染你的接口，并且增加很多打包体积

那到底是哪里出了问题呢，我再一次考虑是不是因为日期字体等文件没有请求成功的问题。最终发现就是在加载日期字体时，出了问题（没有报错，但是无法预览）。免费答疑，行业深潜多年的技术牛人帮你解决bug。找到PDF引用cmaps的文件，将public去除，重新打包即可在开发和生产环境正常看到电子签章了。继续排查，发现通过接口下载下来的接口是有日期的，这个侧面也证明数据是没问题的。，但是依然没有显示，问题是浏览器控制台也没有报错。根据网上搜索，排查，我先看看，对比正确的路径，发现原来是多了public路径

如果图片不需要被处理，比如网站的结构用图，如logo图片，则放`public`中，否则如内容图片或者需要被构建为`base64`的小图标可以放放`assets`中

只有在开发环境才会走`vue.config.js`里面的代码，`proxy`的代理才会生效。在生产环境下，因为前端代码已经被工程化构建化了（即`dist`目录下的文件），只有纯前端代码，他通常会部署到和后端服务一样的域名下，用的是相对地址，就不存在跨域了

如果你在web前端开发、面试、前端学习路线有困难可以加我V：imqdcnn。免费答疑，行业深潜多年的技术牛人帮你解决bug。另外的问题是，为何在子组件处理的数据会影响到父组件的数据呢？有知道的同学可在下方留言。只是影响到了第一层，第二层的数据还是原始数据的引用。，即使我深度复制父级数据再处理后，还是有此问题。最终，我通过map解决了问题。这种方式是直接改变了原数组的，我猜测原因可能是上面的。

当我访问申请开户时，也希望支付菜单能保持高亮状态。因为菜单这里用的是精确匹配路由，只有访问到`url`对应的路由，该菜单才会高亮。

在本地和CI工具进行构建时，报如上错误。Cannot read property 'createChildCompiler' of undefined #177解决方法： parallel: false, //新增的一行

el-select组件在一个弹框中，打开该弹框，el-select可以正常选中，但是保存弹框中的表单信息关闭弹框后，再打开弹框，出现select组件无法选中的问题。通过以上观察，很容易判断原因，那就是问题应该是出在el-dialog弹框上，而不是在select上，也就是关闭弹框时，弹框组件未销毁，有残留历史数据。免费答疑，行业深潜多年的技术牛人帮你解决bug。如上图，无法选中，但是所对应的data的值产生了变化，视图表现就是未选中状态。凡是要具体问题具体分析啊！解决方法就是彻底销毁该组件，用v-if即可。

从以上代码中，你也发现了，其实记住当前页码是使用了`vuex`的这个能保留全局变量的特性，与当前`elementUI`等前端`UI`框架无关，意味着你可以用于任何`vue`项目中

在使用vue-admin-template新建的页面中，打开的页面都是在框架内的内容区。但假如我需要在左侧点击一个链接，希望能不受框架束缚，在全新页面中打开，该怎么做呢？要实现这一点，其实就要知道，路由为什么只会在内容区打开，我们先来看看写在路由文件。如果你也遇到了该问题，且需了解echarts解决方案，可按下方私我v.这个其实就是框架组件，就是它束缚了我们的页面只能在该框架中打开。当我点击时，他会在新窗口打开一个全新的页面，而不会受到框架约束。要想在全新的窗口打开，不受束缚，我们可以自行创建一个。

表单控件需要根据条件动态进行必填项验证，如果用v-if来写，有点繁琐，而且会造成很多重复代码的

目前大部分公司都会将项目通过docker的方式部署到测试、预演、生产环境中。虽然这些工作基本上都是由后端开发、测试工程师或运维工程师来完成，并不需要前端参与。俗话说技多不压身，从目前趋势来看，docker学起来简单，用起来也不复杂，仅从个人技术提升和兴趣爱好方面也是有必要学会的

在开发环境，因为本地站点和接口站点不是同一个域名，就产生了跨域问题，但是不可能让后端开发跨域端口或使用jsonp，所以，一般是让前端通过在`webpack.config.js`中配置`proxy`来走接口代理。但是如果是在生产环境要怎么变更接口地址呢？文章将解答该问题

因为后端proxy接口是放置在src外面的config目录中的，如果要方便获取，可以设置类似于用@代表src一样的路径别名。需求是某个接口需要服务器的hostname和port，这时就需要知道后端代理地址。比如下方的target地址。