前端工作小结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。

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

相关文章
|
2月前
|
前端开发
前端跳转链接报错403的原因以及解决方案
前端跳转链接报错403的原因以及解决方案
449 1
|
2月前
|
Web App开发 前端开发 JavaScript
前端语言报错
前端语言报错
45 0
|
10月前
|
前端开发 Java
(前后端分离)SpringBoot配置全局跨域,前端一访问就报错的原因竟然是这个
(前后端分离)SpringBoot配置全局跨域,前端一访问就报错的原因竟然是这个
182 0
|
13天前
|
前端开发
前端使用 <el-descriptions>标签报错: <el-descriptions> - did you register the component correctly
前端使用 <el-descriptions>标签报错: <el-descriptions> - did you register the component correctly
8 0
|
17天前
|
前端开发 计算机视觉
视觉智能开放平台操作报错合集之人脸对比1:1,采用web前端直接调用,使用了base64处理图片,提示http错误码414,该如何处理
在使用视觉智能开放平台时,可能会遇到各种错误和问题。虽然具体的错误代码和消息会因平台而异,但以下是一些常见错误类型及其可能的原因和解决策略的概述,包括但不限于:1. 认证错误、2. 请求参数错误、3. 资源超限、4. 图像质量问题、5. 服务不可用、6. 模型不支持的场景、7. 网络连接问题,这有助于快速定位和解决问题。
|
2月前
|
前端开发 JavaScript 索引
【Web 前端】JS的几种具体异常类型(报错)
【4月更文挑战第22天】【Web 前端】JS的几种具体异常类型(报错)
|
2月前
|
NoSQL JavaScript 前端开发
报错场景:ant design vue前端登录时,输入的验证码是对的,但是一直提上验证码错误,登录不进去 报错信息(Error in execution; nested exception)
报错场景:ant design vue前端登录时,输入的验证码是对的,但是一直提上验证码错误,登录不进去 报错信息(Error in execution; nested exception)
35 0
|
11月前
|
缓存 前端开发
前端项目实战捌拾捌react-admin+material ui-踩坑-List之一直报错需要什么样的字段
前端项目实战捌拾捌react-admin+material ui-踩坑-List之一直报错需要什么样的字段
27 0
|
11月前
|
前端开发
前端学习笔记202305学习笔记第二十三天-重构报错解决
前端学习笔记202305学习笔记第二十三天-重构报错解决
39 0
|
2月前
|
资源调度 JavaScript 前端开发
使用nvm在win10系统安装多个nodejs版本解决低版本前端项目运行报错问题
使用nvm在win10系统安装多个nodejs版本解决低版本前端项目运行报错问题
107 0