前端工作小结18-报错简单记录

简介: 前端工作小结18-报错简单记录

常见报错解决

1. 页面显示没有数据

页面显示没有数据的时候(三 级联动),注意去mounted里面看一下,获取数据的方法如getAddress();有没有执行,是否将数据渲染到了页面;

2.404  状态码

第一次:接口返回404状态码的时候,确认自己的运行环境,在测试环境运行调用接口的时候,需要后端把接口部署到测试服务器上,否则就会接口报错。

这是第二次报错404,新增接口类别后,一定要记得去vue.config.js里面添加context

1. ​​module.exports = { ​​
2. ​​devServer: { ​​
3. ​​port: 8888, ​​
4. ​​open: true, ​​
5. ​​proxy: (() => { ​​
6. ​​let context = ['/credit']; ​​
7. ​​let obj = {}; ​​
8. ​​context.forEach(item => { ​​
9. ​​obj[item] = { ​​
10. ​​// 电脑本地 ​​
11. ​​target: 'http://10.200.144.130:12600/' ​​
12. ​​}; }); ​​
13. ​​return obj; ​​
14. ​​})() } } ​​

3.报错TypeError: Object(...) is not a function

vue报错TypeError: Object(...) is not a function 从几个方面入手

1.确认方法命名是否重名

2.确认import的时候没有问题(我这次是import from的地址不对导致的)

3.mounted里面调用的时候测试一下是否有问题

4.import {sth} from ‘@/api/index’ 中,如果没有加{},也会报错Object(…)is not a function

4.报400错误

在报400错误的时候,同时发现传递的值和接口所需的值的类型是一一对应的,这个时候要确认,我遇到的问题就是接口所需的URL是有传递的id和类型的,但是我定义api的时候用的formData,还试了json格式的params:params ,这个时候要在定义api的时候写上URL的跳转方式:

1. ​​// 修改 ​​
2. ​​export const update = (id,num) => { ​​
3. ​​return new Promise(resolve => { ​​
4. ​​SWXHR.put('/credit/update?Id='+id+'&Change='+num,{}) ​​
5. ​​.then(res => { ​​
6. ​​resolve(res); ​​
7. ​​}); ​​
8. ​​})};​​

报404的另一种可能

在域名管理,配置里面,要将新增的接口名称进行声明,否则就会报找不到

遇到新的报404的情况

vue跳转路由地址无效时,会返回404。

其实是上一种域名管理的特殊情况。

相关文章
|
6月前
|
前端开发
前端跳转链接报错403的原因以及解决方案
前端跳转链接报错403的原因以及解决方案
1052 1
|
6月前
|
Web App开发 前端开发 JavaScript
前端语言报错
前端语言报错
66 0
|
前端开发 Java
(前后端分离)SpringBoot配置全局跨域,前端一访问就报错的原因竟然是这个
(前后端分离)SpringBoot配置全局跨域,前端一访问就报错的原因竟然是这个
216 0
|
27天前
|
Web App开发 缓存 前端开发
拿下奇怪的前端报错(六):多摄手机webrtc拉取视频流会导致应用崩溃,从而无法进行人像扫描
本文介绍了一种解决手机摄像头切换导致应用崩溃的问题的方法。针对不支持facingMode配置的四摄手机,通过缓存和序号切换的方式,确保应用在特定设备上不会频繁崩溃,提升用户体验。
|
27天前
|
前端开发 JavaScript Docker
拿下奇怪的前端报错(五):SyntaxError: Unexpected token ‘??=‘或‘xxx‘ - 基于容器搭建开发环境或许是更好的选择
在前端开发中,同时维护多个项目时可能会遇到不同Node.js版本的问题。低版本Node.js可能导致依赖无法安装或启动失败,而高版本Node.js则可能引起第三方库的兼容性问题。推荐使用Docker搭建独立的开发环境,以避免版本不一致带来的困扰。
484 1
|
1月前
|
人工智能 前端开发 JavaScript
拿下奇怪的前端报错(一):报错信息是一个看不懂的数字数组Buffer(475) [Uint8Array],让AI大模型帮忙解析
本文介绍了前端开发中遇到的奇怪报错问题,特别是当错误信息不明确时的处理方法。作者分享了自己通过还原代码、试错等方式解决问题的经验,并以一个Vue3+TypeScript项目的构建失败为例,详细解析了如何从错误信息中定位问题,最终通过解读错误信息中的ASCII码找到了具体的错误文件。文章强调了基础知识的重要性,并鼓励读者遇到类似问题时不要慌张,耐心分析。
|
1月前
|
存储 前端开发 NoSQL
拿下奇怪的前端报错(四):1比特丢失导致的音视频播放时长无限增长-浅析http分片传输核心和一个坑点
在一个使用MongoDB GridFS存储文件的项目中,音频和视频文件在大部分设备上播放时长显示为无限,而单独播放则正常。经调查发现,问题源于HTTP Range请求的处理不当,导致最后一个字节未被正确返回。通过调整请求参数,使JavaScript/MongoDB的操作范围与HTTP Range一致,最终解决了这一问题。此案例强调了对HTTP协议深入理解及跨系统集成时注意细节的重要性。
|
1月前
|
缓存 JavaScript 前端开发
拿下奇怪的前端报错(三):npm install卡住了一个钟- 从原理搞定安装的全链路问题
本文详细分析了 `npm install` 过程中可能出现的卡顿问题及解决方法,包括网络问题、Node.js 版本不兼容、缓存问题、权限问题、包冲突、过时的 npm 版本、系统资源不足和脚本问题等,并提供了相应的解决策略。同时,还介绍了开启全部日志、使用替代工具和使用 Docker 提供 Node 环境等其他处理方法。
428 0
|
1月前
|
JavaScript 前端开发 Docker
拿下奇怪的前端报错(二):nvm不可用报错`GLIBC_2.27‘‘GLIBCXX_3.4.20‘not Found?+ 使用docker构建多个前端项目实践
本文介绍了在多版本Node.js环境中使用nvm进行版本管理和遇到的问题,以及通过Docker化构建流程来解决兼容性问题的方法。文中详细描述了构建Docker镜像、启动临时容器复制构建产物的具体步骤,有效解决了不同项目对Node.js版本的不同需求。
|
4月前
|
前端开发
前端使用 <el-descriptions>标签报错: <el-descriptions> - did you register the component correctly
前端使用 <el-descriptions>标签报错: <el-descriptions> - did you register the component correctly
317 0