問題描述

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

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) }) })

這樣就會出錯(cuò)

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

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

這是問什么啊？

問題解答

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

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

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

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代碼有問題吧，看下server那塊是不是有報(bào)錯(cuò)