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