常见报错解决

1. 页面显示没有数据

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

2.404 状态码

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

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

 module.exports = {    
     devServer: {    
         port: 8888,    
         open: true,    
         proxy: (() => {            
             let context = ['/credit'];            
             let obj = {};            
             context.forEach(item => {                
                 obj[item] = {                                  
                     // 电脑本地                    
                     target: 'http://10.200.144.130:12600/'                               
                 };  });            
             return obj;        
         })()    } }        

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的跳转方式：

1566114641130

// 修改 
export const update = (id,num) => {    
    return new Promise(resolve => {        
      SWXHR.put('/credit/update?Id='+id+'&Change='+num,{}) 
            .then(res => {                
            	resolve(res);            
        });    
    })};

报404的另一种可能

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

遇到新的报404的情况

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

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

常见报错解决