feat(web): intergate login with api

apps/api/src/main.ts

@@ -3,6 +3,10 @@ import { AppModule } from './app.module';
 
 async function bootstrap() {
  const app = await NestFactory.create(AppModule);
+
+ // TODO configure allowed origins
+ app.enableCors();
+
  const globalPrefix = 'api';
  app.setGlobalPrefix(globalPrefix);
  const port = process.env.PORT || 3000;

apps/web/src/modules/auth/domain/token.ts

@@ -2,6 +2,7 @@ import { InitializerTask } from '~app/core';
 import store from '~app/core/store';
 import { authActions } from '../store';
 
+// TODO shared DTO
 export interface AuthToken {
  access: string;
  refresh: string;

apps/web/src/modules/auth/store/actions.ts

@@ -1,3 +1,4 @@
+import axios from 'axios';
 import { RootState } from '~app/core/store';
 import { createActionFactory } from '~app/shared/store';
 import { AuthToken, loadStoredToken } from '../domain/token';
@@ -21,19 +22,12 @@ export const actions = {
  return;
  }
 
- // TODO API service
- return new Promise((resolve, reject) =>
- setTimeout(() => {
- if (login === 'admin@example.com' && password === 'password') {
- const res: AuthToken = { access: 'access_token', refresh: 'refresh_token' };
-
- commit(authMutations.setToken, res, { root: true });
- resolve(res);
- } else {
- reject();
- }
- }, 500),
- );
+ return axios
+ .post<AuthToken>('/auth', {
+ login,
+ password,
+ })
+ .then(res => commit(authMutations.setToken, res.data, { root: true }));
  }),
 
  logout: createAction(({ commit }) => {

apps/web/src/modules/auth/views/login.vue

@@ -19,8 +19,8 @@
  <input
  name="login"
  class="form-control"
- type="email"
- placeholder="Email"
+ type="text"
+ placeholder="Login"
  v-model="form.login"
  />
  </div>