怼怼你-CSDN博客

原创 css 引入字体不生效

1.看引入的字体路径2.看路径后的格式，要全称

2024-06-03 17:26:06 202

原创 position:sticky粘性定位踩坑

当滚动到窗口底部且父元素下面还有一个元素时，滚动超过父元素就会吸附在父元素底部。

2023-04-23 10:20:01 302

原创 vue发布新版本提示用户刷新以使用最新功能

记住js文件要在App.vue中引入才能去使用这个全局变量。json 文件时用于发布新版本后本地与服务端对比版本号。

2022-11-01 10:45:15 1974

一般而言我们设置table表格边框颜色都是这样的table { border: 1px solid grey;}或table { tr { border: 1px solid grey; }}但是这样设置只在谷歌内核浏览器上是有效的，在火狐或者苹果浏览器上，合并单元格颜色就变了所以我们得设置到td或thtable { tr { th, td { border: 1px solid grey; } }}这样就在所有浏览器都是一样的显示效果了...

2022-05-16 11:08:50 1238

原创 css 设置文字自适应宽度提示框

min-width: 10px;max-width: 300pxwidth: max-content; // 关键代码，让文字在最小和最大宽度之间占满

2022-04-12 16:15:14 543

原创 nuxt 打包部署后跳转页面报错TypeError: Cannot read properties of undefined (reading ‘_isDestroyed‘)

### 线上发生报错，没有错误映射，无法知道是哪个文件报错，排查问题需要本地运行打包项目，即先npm run build 打包，然后运行nuxt start 或者 npm run start(自行在package中配置命令)，本地运行打包后的项目后到报错页面，在控制台就可以看到具体的报错信息，这时候再去百度，效率会高一点例如我这个项目打包运行后的报错信息是如下图所示然后就是去百度第一个报错，发现原因是组件在服务端渲染问题解决办法就是去这个页面调试，找到那个有问题的组件，然后在其外围加上一个把组件包

2022-04-01 10:59:58 3670 1

原创 nuxt发生server Error或者netWork Error解决调试错误

nuxt项目发生错误导致整个页面渲染出现Server Error 时错误分析首先如果你的项目么有配置错误页面请先按照官网文档配置一下，然后再打印出error怎么配置错误页面呢，就是在layout下建两个文件，一个错误页面的布局文件，一个是错误页面然后捕捉错误是在错误页面中即error.vue中需要调试时就把打印错误的那行代码放开注意：这种一般是捕捉asyncData网络请求错误...

2022-03-28 15:48:16 3284 2

原创 nuxt运行报错405

nuxt项目运行报错405原因：某个接口的请求地址有问题，可能是在同一的接口地址配置上就是错误的，也可能是在页面上解决办法：只能逐一排查运行的页面调用的接口

2022-01-11 15:37:18 527

原创 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

2021-11-04 15:54:56 1496

原创 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

2021-09-15 10:11:33 9025

原创 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 的

2021-08-25 10:28:47 50

原创 npm全局安装cnpm报错

npm 全局安装 cnpm报错原因：没有管理员权限，无法安装解决办法：以管理员身份运行cmd窗口

2021-08-24 17:41:33 526

原创 HTTP请求返回415状态码的解决办法

解决办法：修改请求头的为"Content-Type":“application/json”，或者加入"Content-Type":“application/json” { headers: { "Content-Type":"application/json" } }

2021-08-24 11:10:01 799

原创 Vue+Element动态生成新表单并添加验证

需求: 如下图可以动态添加表单项思路：利用elelemtUI 的动态增减表单项功能<el-form :model="expressInfoForm" ref="expressInfoForm" class="expressInfoForm" > <div class="form-list"> <div

2021-08-11 15:25:33 487

原创 vue nuxt.js head()设置SEO页面三要素无效的解决办法

本来nuxt自带了head() 方法，可以设置路由页面的title, content, keywords, 但是我们项目不知道为什么，有些页面源代码就生成了meta标签，而有些页面就没有，而且发现生成了的页面meta标签在加载css文件之前，没有生成的在加载css文件之后这个是生成了的这个是没生成的虽然找到了一点不同，但是还是没找到原因，如果有知道原因的兄弟可以告诉我一声，虽然我不知道原因，但是我找到了解决办法解决办法： nuxt中有一个asyncData方法，可以在里面设置本页面的title，c

2021-07-14 18:09:21 1822 4

原创 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

2021-07-14 17:47:01 20757 2

原创 vue实现访问外部网站反向代理，url地址是本网站地址，内容是外部网站的内容

实现步骤：1.在vue项目中创建一个新的，空白的路由页面2.然后在template写入下面的代码 <template> <frameset><frame :src="url"></frame></frameset></template>需要了解frameset这个标签的作用，请自行百度3.然后绑定的这个 url 就是你要反向代理的网站地址，自己按照项目需求去传入更改总结：这就是一个简单的反向代理，其实说白了就

2021-06-24 19:10:12 734

原创 axios 请求状态一直 failed

问题描述： axios 请求拦截器报错： Access to XMLHttpRequest at ‘http://gateway14.by56.com/demo/api/demo/get’ from origin ‘http://test01.by56.com:3333’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: It does not have HTTP

2021-06-09 16:16:05 2061

原创 Module build failed: Error: `sass-loader` requires `node-sass` ＞=4. Please install a compatible vers

问题描述今天一早来上班，打开项目，启动运行vue项目，发现报 Module build failed: Error: sass-loader requires node-sass >=4. Please install a compatible version 这个错误，然后仔细想了一下，昨天下班还运行着呢，而且也没更新代码，就排除是同事升级了这个项目依赖的问题，然后同事来了就叫他运行了一下，他都可以。然后我就就百度了一下，就发现别人都是说依赖需要升级，然后我就对比了一下我和同事的package

2021-05-25 09:30:38 790

原创 Vue axios请求接口状态返回200，但报错We‘re sorry but （项目名称） doesn‘t work properly without JavaScript enabled.

问题vue项目本地调试时，用axios请求接口，接口返回200成功状态码，但是返回提示信息We’re sorry but （项目名称） doesn’t work properly without JavaScript enabled.解决办法查看请求接口地址看是不是前面少了前缀或者斜杠例如我的这是错误的请求，这样就会报We’re sorry but [项目名称] doesn’t work properly without JavaScript enabled. Please enable it

2021-01-19 09:33:39 7895

原创 axios请求接口，接口状态码返回302的解决办法

在请求接口后加上后台重定向参数及跳转地址，跳转地址例如https://www.csdn.net我这里是退出登录接口this.axios.post(`/user/logout?redirect_url=${window.location.origin}`)假如不传的话，退出登录时就会重定向到退出之前的页面地址，然后以该地址为请求url地址请求；例如我退出之前页面地址是/user/info,点击退出登录后就会重定向到/user/info,然后以/user/info为请求地址进行请求，这样查看conso

2020-12-19 13:52:32 5597 1

qq_40225369的博客

原创 css 引入字体不生效

原创 position:sticky粘性定位踩坑

原创 vue发布新版本提示用户刷新以使用最新功能

原创 nuxt asyncData接口错误日志收集

原创 nuxt 配置局域网访问

原创 table表格边框颜色在不同浏览器兼容设置（火狐）