常見報錯解決

1. 頁面顯示沒有數(shù)據(jù)

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

2.404 狀態(tài)碼

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

這是第二次報錯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的地址不對導(dǎo)致的）

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

4.import {sth} from ‘@/api/index’ 中，如果沒有加{}，也會報錯Object（…）is not a function

4.報400錯誤

在報400錯誤的時候，同時發(fā)現(xiàn)傳遞的值和接口所需的值的類型是一一對應(yīng)的，這個時候要確認，我遇到的問題就是接口所需的URL是有傳遞的id和類型的，但是我定義api的時候用的formData，還試了json格式的params:params ，這個時候要在定義api的時候?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); }); })};

報404的另一種可能

在域名管理，配置里面，要將新增的接口名稱進行聲明，否則就會報找不到

遇到新的報404的情況

vue跳轉(zhuǎn)路由地址無效時，會返回404。

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

總結(jié)

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

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