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

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