diff --git a/lib/builder/generator.js b/lib/builder/generator.js index 385a190c75..e9367ba253 100644 --- a/lib/builder/generator.js +++ b/lib/builder/generator.js @@ -180,8 +180,15 @@ export default class Generator { } } - let path = join(route, sep, 'index.html') // /about -> /about/index.html - path = (path === '/404/index.html') ? '/404.html' : path // /404 -> /404.html + let path + + if (this.options.generate.subFolders) { + path = join(route, sep, 'index.html') // /about -> /about/index.html + path = path === '/404/index.html' ? '/404.html' : path // /404 -> /404.html + } else { + path = + route.length > 1 ? join(sep, route + '.html') : join(sep, 'index.html') + } // Call hook to let user update the path & html const page = { route, path, html } diff --git a/lib/common/options.js b/lib/common/options.js index 161a9cad3c..3cb1e200eb 100755 --- a/lib/common/options.js +++ b/lib/common/options.js @@ -211,6 +211,7 @@ Options.defaults = { routes: [], concurrency: 500, interval: 0, + subFolders: true, minify: { collapseBooleanAttributes: true, collapseWhitespace: false, diff --git a/test/basic.generate.nosubfolders.test.js b/test/basic.generate.nosubfolders.test.js new file mode 100644 index 0000000000..5fde5d65b9 --- /dev/null +++ b/test/basic.generate.nosubfolders.test.js @@ -0,0 +1,135 @@ +import test from 'ava' +import { resolve } from 'path' +import http from 'http' +import serveStatic from 'serve-static' +import finalhandler from 'finalhandler' +import rp from 'request-promise-native' +import { Nuxt, Builder, Generator } from '../index.js' + +const port = 4002 +const url = (route) => 'http://localhost:' + port + route + +let nuxt = null +let server = null + +// Init nuxt.js and create server listening on localhost:4000 +test.before('Init Nuxt.js', async t => { + const rootDir = resolve(__dirname, 'fixtures/basic') + let config = require(resolve(rootDir, 'nuxt.config.js')) + config.rootDir = rootDir + config.dev = false + config.generate.subFolders = false + + nuxt = new Nuxt(config) + const builder = new Builder(nuxt) + const generator = new Generator(nuxt, builder) + try { + await generator.generate() // throw an error (of /validate route) + } catch (err) { + } + + const serve = serveStatic(resolve(__dirname, 'fixtures/basic/dist'), { extensions: ['html'] }) + server = http.createServer((req, res) => { + serve(req, res, finalhandler(req, res)) + }) + server.listen(port) +}) + +test('Check ready hook called', async t => { + t.true(nuxt.__hook_called__) +}) + +test('/stateless', async t => { + const window = await nuxt.renderAndGetWindow(url('/stateless')) + const html = window.document.body.innerHTML + t.true(html.includes('

My component!

')) +}) + +test('/css', async t => { + const window = await nuxt.renderAndGetWindow(url('/css')) + const element = window.document.querySelector('.red') + t.not(element, null) + t.is(element.textContent, 'This is red') + t.is(element.className, 'red') + t.is(window.getComputedStyle(element).color, 'red') +}) + +test('/stateful', async t => { + const window = await nuxt.renderAndGetWindow(url('/stateful')) + const html = window.document.body.innerHTML + t.true(html.includes('

The answer is 42

')) +}) + +test('/head', async t => { + const window = await nuxt.renderAndGetWindow(url('/head')) + const html = window.document.body.innerHTML + const metas = window.document.getElementsByTagName('meta') + t.is(window.document.title, 'My title') + t.is(metas[0].getAttribute('content'), 'my meta') + t.true(html.includes('

I can haz meta tags

')) +}) + +test('/async-data', async t => { + const window = await nuxt.renderAndGetWindow(url('/async-data')) + const html = window.document.body.innerHTML + t.true(html.includes('

Nuxt.js

')) +}) + +test('/users/1', async t => { + const html = await rp(url('/users/1')) + t.true(html.includes('

User: 1

')) +}) + +test('/users/2', async t => { + const html = await rp(url('/users/2')) + t.true(html.includes('

User: 2

')) +}) + +test('/users/3 (payload given)', async t => { + const html = await rp(url('/users/3')) + t.true(html.includes('

User: 3000

')) +}) + +test('/users/4 -> Not found', async t => { + try { + await rp(url('/users/4')) + } catch (error) { + t.true(error.statusCode === 404) + t.true(error.response.body.includes('Cannot GET /users/4')) + } +}) + +test('/validate should not be server-rendered', async t => { + const html = await rp(url('/validate')) + t.true(html.includes('
')) + t.true(html.includes('serverRendered:!1')) +}) + +test('/validate -> should display a 404', async t => { + const window = await nuxt.renderAndGetWindow(url('/validate')) + const html = window.document.body.innerHTML + t.true(html.includes('This page could not be found')) +}) + +test('/validate?valid=true', async t => { + const window = await nuxt.renderAndGetWindow(url('/validate?valid=true')) + const html = window.document.body.innerHTML + t.true(html.includes('I am valid')) +}) + +test('/redirect should not be server-rendered', async t => { + const html = await rp(url('/redirect')) + t.true(html.includes('
')) + t.true(html.includes('serverRendered:!1')) +}) + +test('/redirect -> check redirected source', async t => { + const window = await nuxt.renderAndGetWindow(url('/redirect')) + const html = window.document.body.innerHTML + t.true(html.includes('

Index page

')) +}) + +// Close server and ask nuxt to stop listening to file changes +test.after('Closing server', t => { + server.close() +}) diff --git a/test/fixtures/basic/nuxt.config.js b/test/fixtures/basic/nuxt.config.js index 1acc32b377..e291976a5c 100644 --- a/test/fixtures/basic/nuxt.config.js +++ b/test/fixtures/basic/nuxt.config.js @@ -5,7 +5,8 @@ module.exports = { '/users/2', { route: '/users/3', payload: { id: 3000 } } ], - interval: 200 + interval: 200, + subFolders: true }, hooks: { ready(nuxt) {