常见报错解决
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。
其实是上一种域名管理的特殊情况。