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

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