vue项目打包发布在谷歌浏览器128版本， 网站页面css源文件下载为空文件，导致网站整体样式错乱 这个字段的意思是设置是否把所有chunk公共css提取出来，改成false就可以解决这个问题了。**所有WebKit 内核浏览器升级到128, 我们的网站都出现了这样的。问题， 而且本地运行项目又是正常的，查看服务器的css文件也是有东西的。最后是去修改webpack的配置。
table表格边框颜色在不同浏览器兼容设置（火狐） 一般而言我们设置table表格边框颜色都是这样的table { border: 1px solid grey;}或table { tr { border: 1px solid grey; }}但是这样设置只在谷歌内核浏览器上是有效的，在火狐或者苹果浏览器上，合并单元格颜色就变了所以我们得设置到td或thtable { tr { th, td { border: 1px solid grey; } }}这样就在所有浏览器都是一样的显示效果了...
nuxt 打包部署后跳转页面报错TypeError: Cannot read properties of undefined (reading ‘_isDestroyed‘) ### 线上发生报错，没有错误映射，无法知道是哪个文件报错，排查问题需要本地运行打包项目，即先npm run build 打包，然后运行nuxt start 或者 npm run start(自行在package中配置命令)，本地运行打包后的项目后到报错页面，在控制台就可以看到具体的报错信息，这时候再去百度，效率会高一点例如我这个项目打包运行后的报错信息是如下图所示然后就是去百度第一个报错，发现原因是组件在服务端渲染问题解决办法就是去这个页面调试，找到那个有问题的组件，然后在其外围加上一个把组件包
nuxt发生server Error或者netWork Error解决调试错误 nuxt项目发生错误导致整个页面渲染出现Server Error 时错误分析首先如果你的项目么有配置错误页面请先按照官网文档配置一下，然后再打印出error怎么配置错误页面呢，就是在layout下建两个文件，一个错误页面的布局文件，一个是错误页面然后捕捉错误是在错误页面中即error.vue中需要调试时就把打印错误的那行代码放开注意：这种一般是捕捉asyncData网络请求错误...
webpack环境配置之process.env 1. 安装依赖cross-envnpm i cross-env -S2.在packeage.json文件中配置跨平台环境变量 METHOD（变量名自己取）3.在用到new webpack.DefinePlugin这个插件的地方加上如下代码一定要在这设置，不然是用不了的 *new webpack.DefinePlugin({ 'process.env.METHOD': JSON.stringify(process.env.METHOD)})4. 然后在项目其他地方使用consol
vue 报错 TypeError: Cannot read properties of undefined (reading ‘toLowerCase‘) vue nuxt.js 报错TypeError: Cannot read properties of undefined (reading ‘toLowerCase’)和TypeError: Cannot read properties of undefined (reading ‘_transitionClasses’)问题描述： 一个标签页切换组件，watch监听他active是哪个，然后显示对应数据时，切换不了，且控制台报错TypeError: Cannot read properties of u
vue 开发环境搭建 1. 下载node.js在浏览器输入框输入https://nodejs.org/zh-cn/ 进入nodejs官网，然后就可以看到以下页面，点击下载长久支持维护版，就可以下载nodejs了2.nodejs下载完成后就一直点击next，若是不想安装在默认C盘，那么就需要自定义路径3. 安装完成后测试有没有安装成功，window + R ,输入cmd, 打开cmd窗口，输入npm -v， 有版本号显示就是安装成功了4. 配置npm的全局模块的存放路径以及cache的路径（1） 在nodejs 的
HTTP请求返回415状态码的解决办法 解决办法： 修改请求头的为"Content-Type":“application/json”，或者加入"Content-Type":“application/json” { headers: { "Content-Type":"application/json" } }
Vue+Element动态生成新表单并添加验证 需求: 如下图可以动态添加表单项思路：利用elelemtUI 的动态增减表单项功能<el-form :model="expressInfoForm" ref="expressInfoForm" class="expressInfoForm" > <div class="form-list"> <div
vue nuxt.js head()设置SEO页面三要素无效的解决办法 本来nuxt自带了head() 方法，可以设置路由页面的title, content, keywords, 但是我们项目不知道为什么，有些页面源代码就生成了meta标签，而有些页面就没有，而且发现生成了的页面meta标签在加载css文件之前，没有生成的在加载css文件之后这个是生成了的这个是没生成的虽然找到了一点不同，但是还是没找到原因，如果有知道原因的兄弟可以告诉我一声， 虽然我不知道原因，但是我找到了解决办法解决办法： nuxt中有一个asyncData方法，可以在里面设置本页面的title，c
vue中使用/deep/失效的解决办法 1. 若是没有使用像less, sass等这样的css预处理器， 那么是只能使用 >>>这样的css深度选择器<style scoped> .box >>> el.dialog { }</style>2. 若是使用了css预处理器，则可以使用/deep/， 如果/deep/ 无效，则使用 ::v-deep<style scoped lang="scss"> .box /deep/ el.dialo
vue实现访问外部网站反向代理，url地址是本网站地址，内容是外部网站的内容 实现步骤：1.在vue项目中创建一个新的， 空白的路由页面2.然后在template写入下面的代码 <template> <frameset><frame :src="url"></frame></frameset></template>需要了解frameset这个标签的作用，请自行百度3.然后绑定的这个 url 就是你要反向代理的网站地址，自己按照项目需求去传入更改总结：这就是一个简单的反向代理，其实说白了就
关注
