小程序模板網(wǎng)

微信小程序訪問豆瓣api403問題

發(fā)布時間：2018-05-09 15:39 所屬欄目：小程序開發(fā)教程

通過豆瓣api可以獲取很多電影、書籍等的數(shù)據(jù)信息。昨晚上用微信小程序請求豆瓣api，竟然被豆瓣拒絕了。（豆瓣設(shè)置了小程序的訪問權(quán)限）。

問題

小程序請求是這樣子：

onLoad: function (options) {
 this.getMoviesData('https://api.douban.com/v2/book/1220562')
  },
getMoviesData:function(url){
  wx.request({
 url: url,
 data: {},
 method: 'GET',
 header: { 'content-type': 'application/json' },
 success: function (res) {
 console.log(res)
    },
 fail: function () {
 console.log('fail')
    },
  })
}


錯誤這樣子



解決

1、使用Nginx

 
location  /v2/ {
            proxy_store off;
            proxy_redirect off;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header Referer 'no-referrer-when-downgrade';
            proxy_set_header User-Agent 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36';
            proxy_connect_timeout 600;
            proxy_read_timeout 600;
            proxy_send_timeout 600;
           proxy_pass https://api.douban.com/v2/;
        }



重點是更改 proxy_set_header Referer 'no-referrer-when-downgrade';

proxy_set_header User-Agent 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36';

以此來代替小程序去請求豆瓣，然后把數(shù)據(jù)返回給小程序。

更改配置后保存，在nginx.exe 文件夾下打開命令窗口，輸入start nginx,啟動后每次修改配置，可以使用nginx -s reload




start nginx : 啟動nginx

nginx -s reload ：修改配置后重新加載生效

nginx -s reopen ：重新打開日志文件

nginx -t -c /path/to/nginx.conf 測試nginx配置文件是否正確

關(guān)閉nginx：

nginx -s stop :快速停止nginx

nginx -s quit ：完整有序的停止nginx

注意，我是在windows下進行開發(fā)和配置

如何使用：只需把請求的url的協(xié)議和域名替換成http://localhost/v2/，例如https://api.douban.com/v2/book/1220562 =》http://localhost/v2/book/1220562



測試

onLoad: function (options) {
 this.getMoviesData('http://localhost/v2/book/1220562')
  },
getMoviesData:function(url){
  wx.request({
 url: url,
 data: {},
 method: 'GET',
 header: { 'content-type': 'application/json' },
 success: function (res) {
 console.log(res)
 
    },
 fail: function () {
 console.log('fail')
    },
  })
}

 

竟然還是錯誤！?。?/p>


狀態(tài)碼4xx客戶端錯誤，400Bad Request 意思是我們發(fā)送了一個錯誤的請求。經(jīng)過嘗試發(fā)現(xiàn)，把header請求改成 header: { 'content-type': 'application/xml' }就可以了。額。。。明明獲取的數(shù)據(jù)就是json，。。。可能是小程序后臺對header做了限制。



終于等到你（正確測試）

onLoad: function (options) {
 this.getMoviesData('http://localhost/v2/book/1220562')
  },
getMoviesData:function(url){
  wx.request({
 url: url,
 data: {},
 method: 'GET',
 header: { 'content-type': 'application/xml' },
 success: function (res) {
 console.log(res)
 
    },
 fail: function () {
 console.log('fail')
    },
  })
}

 


易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址：http://22321a.com/wxmini/doc/course/24399.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢：800182392 點擊咨詢
QQ在線咨詢