Django + Vue。 無法連接params

Question

所以，問題是我無法將Django REST與Vue連接起來。 當我從客戶端調用API時，它說：

Not Found: /api/private/
[16/Sep/2018 13:18:59] "GET /api/private/?city=London HTTP/1.1" 404 2129

這是我的代碼：

Vue功能

callWeather () {
      const url = `${API_URL}/api/private/`
      return axios.get(url, {
        headers: {
          Authorization: `Bearer ${AuthService.getAuthToken()}`
        },
        params: {
          'city': 'London'
        }
      }).then((response) => {
        console.log(response.data)
        this.message = response.data || ''
      })
    }

Django api url：

urlpatterns = [
    url(r'^api/public/', views.public),
    url(r'^api/private/(?P<city>\w+)/$', views.private)
]

Django私人功能：

@api_view(['GET'])
def private(request, city):
    return HttpResponse("City is: {}.".format(city))

Answer 1

您的axios.get和private視圖之間存在不匹配。 在您的axios.get您通過GET參數（查詢字符串）傳遞數據。 在URL模式中，您將city參數寫為URL的一部分。

使用查詢字符串 （ GET參數）

例如，您可以將urlpatterns更改為：

urlpatterns = [
    url(r'^api/public/', views.public),
    url(r'^api/private/$', views.private)
]

在視圖中，您可以通過以下方式獲取與city相關的值：

@api_view(['GET'])
def private(request):
    city = request.GET.get('city')
    return HttpResponse("City is: {}.".format(city))

如果city參數不在查詢字符串中，則此處city將為None ，因此您可能需要檢查該參數。

使用URL

我們也可以在URL中對參數進行編碼，在這種情況下，您需要進行一些格式化，使得url如下所示：

callWeather () {
      const url = '${API_URL}/api/private/London/'
      return axios.get(url, {
        headers: {
          Authorization: 'Bearer ${AuthService.getAuthToken()}'
        },
      }).then((response) => {
        console.log(response.data)
        this.message = response.data || ''
      })
    }