Веб-приложение на Node и Vue, часть 2: компоненты, формы, маршруты

[alek0585]

Меня пугают портянки из data.

код

data () {
      return {
        snackbar: false,
        validLogin: false,
        validSignUp: false,
        signUpVisible: false,
        loginPasswordVisible: false,
        signUpPasswordVisible: false,
        rules: [ (value) => !!value || 'This field is required' ],
        credentials: {
          username: '',
          password: ''
        },
        newUser: {
          username: '',
          password: ''
        },
        message: ''
      }
    }

Ух как много точек.

@import "./../../../assets/styles";

А meta везде есть? Смотрю и вижу только в одном роуте.

 
 if (to.meta.requiredAuth) {

А это прям развеселило)))

if (token) this.user.authenticated = true
else this.user.authenticated = false

Так и будете каждый раз заголовки добавлять?

Axios.get(`${BudgetManagerAPI}/api/v1/users`, {
     headers: {
      'Authorization': Authentication.getAuthenticationHeader(this)
     }
}).then(({data}) => (this.users = data))

Валидация форм с автокомплитом в хроме нормально работает?
Есть живой пример?

[mayorovp]

Отдельно веселит 'Authorization': Authentication.getAuthenticationHeader(this). так все-таки авторизация или аутентификация?

[fijj]

А чем собственно в условии не угодило?
Можно было конечно написать

this.user.authenticated = (token) ? true : false

Но вариант

if (token) {

    this.user.authenticated = true

} else {

    this.user.authenticated = false

}

Тоже отличное читается, ну разве что да, для хипстеров такой код индусский

[MikeLP]

Хм… Как по мне можно и проще.

this.user.authenticated = !!token;

[serf]

Такой код индусский для любого кто даже очень поверхностно знаком с JavaScript.

[alek0585]

Вы в notepad пишете? IDE даже подсвечивает такую явную особенность национального программирования.

[serf]

@import "./../../../assets/styles";

Если быть чуть более конструктивным, вместо такого лучше использовать алиасы (в Webpack это будет блок resolve.alias).

if (token) this.user.authenticated = true
else this.user.authenticated = false

Эпично, согласен, привет индусам.

[yarkov]

А зачем токен писать в куку, если его потом каждый раз доставать для отправки? Кука разве не передается при запросе сама?

[PaulMaly]

Сама нет, надо вручную выставить:

axios.defaults.withCredentials = true;

По-умолчанию false.