Yii2 + Vue.js 2.x шаблон приложения

Выкладываем свои наработки
Ответить
Аватара пользователя
Roksalana
Сообщения: 213
Зарегистрирован: 2014.01.14, 09:34

Yii2 + Vue.js 2.x шаблон приложения

Сообщение Roksalana » 2018.03.22, 13:02

Мне очень понравилось работать с Vue.js и поэтому выкладываю для всех желающих (и для себя в первую очередь) базовый шаблон Yii-Vue приложения. Это сборка webpack на основе laravel-mix (можно конечно форкнуть и переделать, но пока не вижу в этом смыла :roll:).
Т.к с Vue.js я сама пока новичок, буду признательна за помощь и фидбек. Стоит ли делать что-то дальше, например авторизацию чтобы каждый запрос шел с Bearer токеном или оставить такую пустую болванку?

urichalex
Сообщения: 877
Зарегистрирован: 2015.08.07, 11:03

Re: Yii2 + Vue.js 2.x шаблон приложения

Сообщение urichalex » 2018.03.22, 13:09

Для авторизации запросов я использовал vue-axios + vue-auth, и он сам уже рулит заголовками и хранилищем вкупе с роутером. Так же vue-axios позволяет избежать костылей типа window.axios, теперь это this.$http в компонентах

urichalex
Сообщения: 877
Зарегистрирован: 2015.08.07, 11:03

Re: Yii2 + Vue.js 2.x шаблон приложения

Сообщение urichalex » 2018.03.22, 13:11

Для csrf так же есть плагин, работающий с роутером и axios

Аватара пользователя
Roksalana
Сообщения: 213
Зарегистрирован: 2014.01.14, 09:34

Re: Yii2 + Vue.js 2.x шаблон приложения

Сообщение Roksalana » 2018.03.22, 13:23

@urichalex можете сделать pull request и добавить vue-axios + vue-auth ? Было бы здорово иметь базовый шаблон для новых проектов.

urichalex
Сообщения: 877
Зарегистрирован: 2015.08.07, 11:03

Re: Yii2 + Vue.js 2.x шаблон приложения

Сообщение urichalex » 2018.03.22, 13:34

Roksalana писал(а):
2018.03.22, 13:23
@urichalex можете сделать pull request и добавить vue-axios + vue-auth ? Было бы здорово иметь базовый шаблон для новых проектов.
На след. неделе можно, с понедельника в отпуск.

Timz
Сообщения: 10
Зарегистрирован: 2013.03.06, 11:04
Откуда: Казань
Контактная информация:

Re: Yii2 + Vue.js 2.x шаблон приложения

Сообщение Timz » 2018.05.08, 14:20

Roksalana писал(а):
2018.03.22, 13:02
Стоит ли делать что-то дальше, например авторизацию чтобы каждый запрос шел с Bearer токеном или оставить такую пустую болванку?
Я плотно работаю с этой связкой. кучу проектов на гитхабе переглядел. думаю не стоит это добавлять, т.к. народ поразному токены шлет. ктото в хедере запроса ктото гет параметром и токен хранят кто в куки кто в локалсторадже. Лично я в axios шлю так
axios.defaults..headers['Authorization'] = 'Bearer ' + token
и храню в локалсторадже.
и по поводу того что добавить:
1. вот вам кандидаты, которые я использую почти везде: axios, moment, vee-validate, vue-i18n, vue-router, vuetify
2. много времени потратил на настройку cors и кросдоменных запросов. так что полезно сразу как то это настроить.

svil
Сообщения: 283
Зарегистрирован: 2018.02.12, 22:41

Re: Yii2 + Vue.js 2.x шаблон приложения

Сообщение svil » 2018.12.29, 22:57

Скачала шаблон автора поста, но при загрузке выдало ошибку. Не находит app.js
Он в папке app.
Перенесла я app в папку web и подключила в Asset
Все равно ошибка

Код: Выделить всё

Uncaught SyntaxError: Unexpected identifier
bootstrap.js:1 Uncaught SyntaxError: Unexpected identifier
routes.js:1 Uncaught SyntaxError: Unexpected identifier
AppAsset.php

Код: Выделить всё

/**
 * @link http://www.yiiframework.com/
 * @copyright Copyright (c) 2008 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

namespace app\assets;

use yii\web\AssetBundle;

/**
 * Main application asset bundle.
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @since 2.0
 */
class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/site.css',
    ];
    public $js = [ //здесь этих файлов не было - сама написала и перенесла
        'app/app.js',
        'app/bootstrap.js',
        'app/routes.js',
    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];
}
Еще в папке app есть папка Page с файлами cue
Не понимаю, как подключить шаблон?


urichalex
Сообщения: 877
Зарегистрирован: 2015.08.07, 11:03

Re: Yii2 + Vue.js 2.x шаблон приложения

Сообщение urichalex » 2018.12.29, 23:26

Я совершенно забыл про этот пост...
svil, Вы собирали js?

svil
Сообщения: 283
Зарегистрирован: 2018.02.12, 22:41

Re: Yii2 + Vue.js 2.x шаблон приложения

Сообщение svil » 2018.12.30, 17:33

Да. А как надо было ? Может ссылку на уроки есть?
Есть https://webformyself.com/ispolzovanie-v ... yazatelen/

Ответить