const baseURL = process.env.BASE_URL || 'http://localhost:8000/api';
export default {
srcDir: 'client', //폴더 구조 정의 client의 폴더에 page, assets, middleware등이 있음.
target: 'server', // 'server': For server side rendering 'static': For static sites
generate: {
fallback: true // 404 오류가 발생했을 때, 페이지 이동
},
// Global page headers: https://go.nuxtjs.dev/config-head
head: {
title: 'ezst-frontend',
htmlAttrs: {
lang: 'en'
},
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: '' },
{ name: 'format-detection', content: 'telephone=no' }
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
],
script: [ //추가 cdn 정의 jquery, brython runner, fontawesome
{ type: 'text/javascript', src: '/vendor/jquery/jquery-3.6.0.min.js'},
{ type: 'text/javascript', src: '/vendor/flipster/jquery.flipster.min.js' },
{ type: 'text/javascript', src: 'https://cdn.jsdelivr.net/gh/pythonpad/brython-runner/lib/brython-runner.bundle.js'},
{ type: 'text/javascript', src: 'https://kit.fontawesome.com/13c40d56ec.js', crossorigin:'anonymous'},
]
},
// Global CSS: https://go.nuxtjs.dev/config-css
css: [
'~/assets/fonts/main.css',
'~/assets/styles/main.scss',
'~/static/vendor/flipster/jquery.flipster.min.css'
],
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: [
{ src: '~/plugins/globals.js'},
{ src: '~/plugins/flipster.js'},
{ src: '~/plugins/vue-codemirror', ssr: false },
{ src: '~/plugins/persistedState.js'}, // 새로고침 해도 state 유지 (cookie로 저장) (vercel 오류 발생)
{ src: '~/plugins/vue-plyr', mode: 'client' },
{ src: '~/plugins/iamport.js', ssr: false, injectAs: 'IMP' },
],
// Auto import components: https://go.nuxtjs.dev/config-components
components: true,
// Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
buildModules: [ //env 파일 사용
'@nuxtjs/dotenv'
],
// Modules: https://go.nuxtjs.dev/config-modules
modules: [
// https://go.nuxtjs.dev/buefy
'nuxt-buefy',
'@nuxtjs/axios',
'@nuxtjs/auth-next',
],
axios: {
baseURL: baseURL
},
auth: {
plugins: [ '~/plugins/auth.js' ],
redirect: {
home: false,
callback: '/login',
logout: '/'
},
strategies: {
google: {
clientId: process.env.GOOGLE_CLIENT_ID,
codeChallengeMethod: '',
responseType: 'code',
endpoints: {
token: `${baseURL}/social-login/google/`,
userInfo: `${baseURL}/user/`,
logout: false
},
},
naver: {
scheme: 'oauth2',
clientId: process.env.NAVER_CLIENT_ID,
codeChallengeMethod: '',
responseType: 'code',
// grantType: 'authorization_code',
endpoints: {
authorization: 'https://nid.naver.com/oauth2.0/authorize',
token: `${baseURL}/social-login/naver/`,
userInfo: `${baseURL}/user/`,
},
token: {
property: 'access_token',
type: 'Bearer',
maxAge: 18000
},
},
}
},
// Build Configuration: https://go.nuxtjs.dev/config-build
build: {
extend(config) {
config.resolve.alias['vue'] = 'vue/dist/vue.common'
}
},
publicRuntimeConfig: {
baseUrl: baseURL,
},
env: {
serverUrl: process.env.SERVER_URL || 'http://localhost:8000',
},
}
