| { | |
| "about": { | |
| "browser": "chrome", | |
| "version": "21.2.1" | |
| }, | |
| "showall": false, | |
| "lang": "en", | |
| "dark": "system", | |
| "favicon": "", | |
| "tabtitle": "", |
| require("@rushstack/eslint-patch/modern-module-resolution") | |
| module.exports = { | |
| env: { | |
| browser: true, | |
| es2021: true, | |
| node: true, | |
| 'vue/setup-compiler-macros': true | |
| }, | |
| extends: [ |
| <!DOCTYPE html> | |
| <html lang="en" {{ HTML_ATTRS }}> | |
| <head {{ HEAD_ATTRS }}> | |
| {{ HEAD }} | |
| <script type="module"> | |
| const initEnv=()=>{let e=document.querySelector("#env-variables");return e&&(window.env={...e.dataset}),window.env};initEnv(); | |
| </script> | |
| </head> | |
| <body {{ BODY_ATTRS }}> | |
| {{ APP }} |
| <template> | |
| <swiper | |
| :slides-per-view="'auto'" | |
| :space-between="30" | |
| :observer="true" // Add this | |
| :observe-parents="true" // Add this otherwise slider will stuck on first load | |
| > | |
| <swiper-slide> | |
| Slide content that have unpredictible width for example image | |
| </swiper-slide> |
| <script setup> | |
| import { | |
| nextTick, onBeforeUnmount, onMounted, | |
| } from 'vue'; | |
| const randomNumber = Math.floor(Math.random() * 1000); | |
| const videoId = `youtube-video-${randomNumber}`; | |
| const props = defineProps({ | |
| height: { type: [String, Number], default: '200' }, |
| <script setup> | |
| import { reactive } from 'vue'; | |
| import { Form } from 'vee-validate'; | |
| import VButton from '@ui/VButton.vue'; | |
| import VPhoneField from '@ui/VPhoneField.vue'; | |
| const initialForm = { | |
| phoneNumber: { | |
| dialCode: '', | |
| phoneNumber: '', |
| <script setup> | |
| const route = useRoute(); | |
| const layouts = [ | |
| { | |
| name: 'App', | |
| component: AppLayout, | |
| }, | |
| { | |
| name: 'Default', | |
| component: DefaultLayout, |
| /* eslint-disable import/no-extraneous-dependencies */ | |
| import path from 'path'; | |
| import { defineConfig, splitVendorChunkPlugin } from 'vite'; | |
| import vue from '@vitejs/plugin-vue'; | |
| export default defineConfig({ | |
| plugins: [ | |
| vue(), | |
| splitVendorChunkPlugin(), | |
| ], |
We have index.html file in S3 bucket under a folder called /about-us/. When checking in browser using CloudFront distribution link, custom-domain.com/about-us/ shows AccessDenied error.
But, custom-domain.com/about-us/index.html works fine and show content.
We want custom-domain.com/about-us/ to show the index.html content.
| const { src, dest, watch, series, parallel } = require('gulp'); | |
| const uglify = require('gulp-uglify'); | |
| const rename = require('gulp-rename'); | |
| const sass = require('gulp-sass')(require('sass')); | |
| const cleanCSS = require('gulp-clean-css'); | |
| const webserver = require('gulp-webserver'); | |
| const clean = require('gulp-clean'); | |
| const eslint = require('gulp-eslint'); | |
| const browserify = require('browserify'); | |
| const log = require('gulplog'); |