Приложение VueJS не может получить доступ к защищенной конечной точке API в мобильном браузере - PullRequest
Новая
       12

Приложение VueJS не может получить доступ к защищенной конечной точке API в мобильном браузере

0 голосов
/ 24 декабря 2018

У меня возникла проблема с приложением Vue относительно использования в мобильных браузерах.У меня есть защищенный маршрут API на бэкэнде Django, который использует JWT для аутентификации / разрешения.Когда я аутентифицируюсь, я сохраняю JWT в localStorage и Vuex и передаю его в качестве заголовка для каждого запроса (используя axios) из хранилища Vuex.Все это прекрасно работает на моем ноутбуке, но не работает при доступе к моему сайту на мобильном телефоне.Я вижу 401 несанкционированных кодов ошибок в моих журналах при доступе к сайту с моего телефона (iOS 12), поэтому я предполагаю, что токен не добавляется в качестве заголовка.Вот код, который я использую для прикрепления заголовка: 

import axios from 'axios';
import store from '../store';

const apiCall = axios.create();

apiCall.interceptors.request.use(
  config => {
    if (store.getters.isAuthenticated) {
      // Take the token from the state and attach it to the request's headers
      config.headers.Authorization = `JWT ${store.getters.getToken}`;
    }
    return config
  },
  error => {
    Promise.reject(error)
  }
)

export default apiCall;

Вот мои зависимости dev: 

  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.0.5",
    "@vue/cli-plugin-e2e-nightwatch": "^3.0.5",
    "@vue/cli-plugin-eslint": "^3.0.5",
    "@vue/cli-plugin-pwa": "^3.0.5",
    "@vue/cli-plugin-unit-jest": "^3.0.5",
    "@vue/cli-service": "^3.0.5",
    "@vue/eslint-config-airbnb": "^3.0.5",
    "@vue/test-utils": "^1.0.0-beta.20",
    "babel-core": "7.0.0-bridge.0",
    "babel-jest": "^23.0.1",
    "node-sass": "^4.11.0",
    "sass-loader": "^7.0.1",
    "vue-template-compiler": "^2.5.17"
  },

Есть ли что-то, что мне нужно добавить в мой devDependencies, чтобыЯ могу получить доступ к Posts с мобильных устройств?

...