問(wèn)題描述

是這個(gè)樣子的vue+vue-resource+express組合然后在下面這里遇到問(wèn)題了

client

this.$http.jsonp(’http://localhost:3300/register’, { params: { name: this.name, password: this.password, repassword: this.repassword } }, {}) .then(function (response) { console.log(response.data.state) })

server

app.get(’/register’, function (req, res) { userTools.create(user).then(function(result){res.jsonp(result) }).catch(function(err){res.jsonp(data) }) })

這樣就會(huì)出錯(cuò)

如果server改為下面這樣就不出包錯(cuò)了

app.get(’/register’, function (req, res) { res.jsonp(data) ｝

這是問(wèn)什么啊？

問(wèn)題解答

首先,同意樓上觀點(diǎn),我也認(rèn)為是服務(wù)端報(bào)錯(cuò)了

從報(bào)錯(cuò)圖片第一個(gè)錯(cuò)誤來(lái)看是因?yàn)闃侵靼l(fā)起的jsonp請(qǐng)求,但是返回時(shí)設(shè)置的響應(yīng)頭設(shè)置了’application/json’,樓主可以去了解下jsonp原理,試著在get里面調(diào)用res.setHeaders(貌似是這個(gè)api記不太清了,總之就是設(shè)置響應(yīng)的header頭),把響應(yīng)數(shù)據(jù)的mine類(lèi)型改成’application/javascript’試試

其次 Uncaught (in promise) 錯(cuò)誤是指調(diào)用promise時(shí)報(bào)錯(cuò),是由于第一條錯(cuò)誤引發(fā)的后續(xù)錯(cuò)誤,但是客戶(hù)端沒(méi)有catch住,樓主可以這么寫(xiě)

this.$http.jsonp(’http://localhost:3300/register’, { params: { name: this.name, password: this.password, repassword: this.repassword } }, {}) .then(function (response) { console.log(response.data.state) }).catch(e => { // 打印一下錯(cuò)誤 console.log(e) })回答2：

應(yīng)該是sever代碼有問(wèn)題吧，看下server那塊是不是有報(bào)錯(cuò)