常見(jiàn)報(bào)錯(cuò)解決

1. 頁(yè)面顯示沒(méi)有數(shù)據(jù)

頁(yè)面顯示沒(méi)有數(shù)據(jù)的時(shí)候（三級(jí)聯(lián)動(dòng)），注意去mounted里面看一下，獲取數(shù)據(jù)的方法如getAddress()；有沒(méi)有執(zhí)行，是否將數(shù)據(jù)渲染到了頁(yè)面；

2.404 狀態(tài)碼

第一次：接口返回404狀態(tài)碼的時(shí)候，確認(rèn)自己的運(yùn)行環(huán)境，在測(cè)試環(huán)境運(yùn)行調(diào)用接口的時(shí)候，需要后端把接口部署到測(cè)試服務(wù)器上，否則就會(huì)接口報(bào)錯(cuò)。

這是第二次報(bào)錯(cuò)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.報(bào)錯(cuò)TypeError: Object(...) is not a function

vue報(bào)錯(cuò)TypeError: Object(...) is not a function 從幾個(gè)方面入手

1.確認(rèn)方法命名是否重名

2.確認(rèn)import的時(shí)候沒(méi)有問(wèn)題（我這次是import from的地址不對(duì)導(dǎo)致的）

3.mounted里面調(diào)用的時(shí)候測(cè)試一下是否有問(wèn)題

4.import {sth} from ‘@/api/index’ 中，如果沒(méi)有加{}，也會(huì)報(bào)錯(cuò)Object（…）is not a function

4.報(bào)400錯(cuò)誤

在報(bào)400錯(cuò)誤的時(shí)候，同時(shí)發(fā)現(xiàn)傳遞的值和接口所需的值的類型是一一對(duì)應(yīng)的，這個(gè)時(shí)候要確認(rèn)，我遇到的問(wèn)題就是接口所需的URL是有傳遞的id和類型的，但是我定義api的時(shí)候用的formData，還試了json格式的params:params ，這個(gè)時(shí)候要在定義api的時(shí)候?qū)懮蟄RL的跳轉(zhuǎn)方式：

?

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

報(bào)404的另一種可能

在域名管理，配置里面，要將新增的接口名稱進(jìn)行聲明，否則就會(huì)報(bào)找不到

遇到新的報(bào)404的情況

vue跳轉(zhuǎn)路由地址無(wú)效時(shí)，會(huì)返回404。

其實(shí)是上一種域名管理的特殊情況。

總結(jié)

以上是生活随笔為你收集整理的工作59：常见报错的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。