ci: use node 18 for ci jobs (#23701)

.github/workflows/test.yml

@@ -34,7 +34,7 @@ jobs:
       - run: corepack enable
       - uses: actions/setup-node@5e21ff4d9bc1a8cf6de233a3057d20ec6b3fb69d # v3.8.1
         with:
-          node-version: 16
+          node-version: 18
           cache: "yarn"
 
       - name: fetch tags
@@ -51,7 +51,7 @@ jobs:
             packages/*/node_modules
             distributions/*/node_modules
             packages/*/dist
-          key: ${{ matrix.os }}-node-v16-nuxt-${{ github.sha }}
+          key: ${{ matrix.os }}-node-v18-nuxt-${{ github.sha }}
 
   lint:
     runs-on: ${{ matrix.os }}
@@ -65,7 +65,7 @@ jobs:
       - run: corepack enable
       - uses: actions/setup-node@5e21ff4d9bc1a8cf6de233a3057d20ec6b3fb69d # v3.8.1
         with:
-          node-version: 16
+          node-version: 18
           cache: "yarn"
 
       - name: restore workspace cache
@@ -76,7 +76,7 @@ jobs:
             packages/*/node_modules
             distributions/*/node_modules
             packages/*/dist
-          key: ${{ matrix.os }}-node-v16-nuxt-${{ github.sha }}
+          key: ${{ matrix.os }}-node-v18-nuxt-${{ github.sha }}
 
       - name: lint
         run: yarn test:lint
@@ -100,7 +100,7 @@ jobs:
       - run: corepack enable
       - uses: actions/setup-node@5e21ff4d9bc1a8cf6de233a3057d20ec6b3fb69d # v3.8.1
         with:
-          node-version: 16
+          node-version: 18
           cache: "yarn"
 
       - name: restore workspace cache
@@ -111,7 +111,7 @@ jobs:
             packages/*/node_modules
             distributions/*/node_modules
             packages/*/dist
-          key: ${{ matrix.os }}-node-v16-nuxt-${{ github.sha }}
+          key: ${{ matrix.os }}-node-v18-nuxt-${{ github.sha }}
 
       - name: audit
         run: yarn run audit
@@ -130,7 +130,7 @@ jobs:
       - run: corepack enable
       - uses: actions/setup-node@5e21ff4d9bc1a8cf6de233a3057d20ec6b3fb69d # v3.8.1
         with:
-          node-version: 16
+          node-version: 18
           cache: "yarn"
 
       - name: restore workspace cache
@@ -141,7 +141,7 @@ jobs:
             packages/*/node_modules
             distributions/*/node_modules
             packages/*/dist
-          key: ${{ matrix.os }}-node-v16-nuxt-${{ github.sha }}
+          key: ${{ matrix.os }}-node-v18-nuxt-${{ github.sha }}
 
       - name: test unit
         run: yarn test:unit --coverage
@@ -169,7 +169,7 @@ jobs:
       - run: corepack enable
       - uses: actions/setup-node@5e21ff4d9bc1a8cf6de233a3057d20ec6b3fb69d # v3.8.1
         with:
-          node-version: 16
+          node-version: 18
           cache: "yarn"
 
       - name: restore workspace cache
@@ -180,7 +180,7 @@ jobs:
             packages/*/node_modules
             distributions/*/node_modules
             packages/*/dist
-          key: ${{ matrix.os }}-node-v16-nuxt-${{ github.sha }}
+          key: ${{ matrix.os }}-node-v18-nuxt-${{ github.sha }}
 
       - name: build
         run: yarn test:fixtures -i
@@ -188,7 +188,7 @@ jobs:
       - name: Save fixtures
         uses: actions/upload-artifact@a8a3f3ad30e3422c9c7b888a15615d19a852ae32 # v3.1.3
         with:
-          name: fixtures-${{ matrix.os }}-node-v16
+          name: fixtures-${{ matrix.os }}-node-v18
           path: test/fixtures
     needs: setup
 
@@ -204,7 +204,7 @@ jobs:
       - run: corepack enable
       - uses: actions/setup-node@5e21ff4d9bc1a8cf6de233a3057d20ec6b3fb69d # v3.8.1
         with:
-          node-version: 16
+          node-version: 18
           cache: "yarn"
 
       - name: restore workspace cache
@@ -215,12 +215,12 @@ jobs:
             packages/*/node_modules
             distributions/*/node_modules
             packages/*/dist
-          key: ${{ matrix.os }}-node-v16-nuxt-${{ github.sha }}
+          key: ${{ matrix.os }}-node-v18-nuxt-${{ github.sha }}
 
       - name: restore fixtures
         uses: actions/download-artifact@9bc31d5ccc31df68ecc42ccf4149144866c47d8a # v3.0.2
         with:
-          name: fixtures-${{ matrix.os }}-node-v16
+          name: fixtures-${{ matrix.os }}-node-v18
           path: test/fixtures
 
       - name: lint app
@@ -240,7 +240,7 @@ jobs:
       - run: corepack enable
       - uses: actions/setup-node@5e21ff4d9bc1a8cf6de233a3057d20ec6b3fb69d # v3.8.1
         with:
-          node-version: 16
+          node-version: 18
           cache: "yarn"
 
       - name: restore workspace cache
@@ -251,12 +251,12 @@ jobs:
             packages/*/node_modules
             distributions/*/node_modules
             packages/*/dist
-          key: ${{ matrix.os }}-node-v16-nuxt-${{ github.sha }}
+          key: ${{ matrix.os }}-node-v18-nuxt-${{ github.sha }}
 
       - name: restore fixtures
         uses: actions/download-artifact@9bc31d5ccc31df68ecc42ccf4149144866c47d8a # v3.0.2
         with:
-          name: fixtures-${{ matrix.os }}-node-v16
+          name: fixtures-${{ matrix.os }}-node-v18
           path: test/fixtures
 
       - name: test dev
@@ -276,7 +276,7 @@ jobs:
       - run: corepack enable
       - uses: actions/setup-node@5e21ff4d9bc1a8cf6de233a3057d20ec6b3fb69d # v3.8.1
         with:
-          node-version: 16
+          node-version: 18
           cache: "yarn"
 
       - name: restore workspace cache
@@ -287,12 +287,12 @@ jobs:
             packages/*/node_modules
             distributions/*/node_modules
             packages/*/dist
-          key: ${{ matrix.os }}-node-v16-nuxt-${{ github.sha }}
+          key: ${{ matrix.os }}-node-v18-nuxt-${{ github.sha }}
 
       - name: restore fixtures
         uses: actions/download-artifact@9bc31d5ccc31df68ecc42ccf4149144866c47d8a # v3.0.2
         with:
-          name: fixtures-${{ matrix.os }}-node-v16
+          name: fixtures-${{ matrix.os }}-node-v18
           path: test/fixtures
 
       - name: test e2e
@@ -325,11 +325,11 @@ jobs:
             packages/*/node_modules
             distributions/*/node_modules
             packages/*/dist
-          key: ${{ matrix.os }}-node-v16-nuxt-${{ github.sha }}
+          key: ${{ matrix.os }}-node-v18-nuxt-${{ github.sha }}
 
       - uses: actions/setup-node@5e21ff4d9bc1a8cf6de233a3057d20ec6b3fb69d # v3.8.1
         with:
-          node-version: 16
+          node-version: 18
           cache: "yarn"
           registry-url: "https://registry.npmjs.org"
 

.github/workflows/windows.yml

@@ -31,7 +31,7 @@ jobs:
       - run: corepack enable
       - uses: actions/setup-node@5e21ff4d9bc1a8cf6de233a3057d20ec6b3fb69d # v3.8.1
         with:
-          node-version: 16
+          node-version: 18
           cache: "yarn"
 
       - name: install
@@ -45,7 +45,7 @@ jobs:
             packages/*/node_modules
             distributions/*/node_modules
             packages/*/dist
-          key: ${{ matrix.os }}-node-v16-nuxt-${{ github.sha }}
+          key: ${{ matrix.os }}-node-v18-nuxt-${{ github.sha }}
 
   test-unit:
     runs-on: ${{ matrix.os }}
@@ -62,7 +62,7 @@ jobs:
       - run: corepack enable
       - uses: actions/setup-node@5e21ff4d9bc1a8cf6de233a3057d20ec6b3fb69d # v3.8.1
         with:
-          node-version: 16
+          node-version: 18
           cache: "yarn"
 
       - name: restore workspace cache
@@ -73,7 +73,7 @@ jobs:
             packages/*/node_modules
             distributions/*/node_modules
             packages/*/dist
-          key: ${{ matrix.os }}-node-v16-nuxt-${{ github.sha }}
+          key: ${{ matrix.os }}-node-v18-nuxt-${{ github.sha }}
 
       - name: test unit
         run: yarn test:unit --testPathIgnorePatterns=packages/cli
@@ -95,7 +95,7 @@ jobs:
       - run: corepack enable
       - uses: actions/setup-node@5e21ff4d9bc1a8cf6de233a3057d20ec6b3fb69d # v3.8.1
         with:
-          node-version: 16
+          node-version: 18
           cache: "yarn"
 
       - name: restore workspace cache
@@ -106,7 +106,7 @@ jobs:
             packages/*/node_modules
             distributions/*/node_modules
             packages/*/dist
-          key: ${{ matrix.os }}-node-v16-nuxt-${{ github.sha }}
+          key: ${{ matrix.os }}-node-v18-nuxt-${{ github.sha }}
 
       - name: build
         run: yarn test:fixtures
@@ -114,7 +114,7 @@ jobs:
       - name: Save fixtures
         uses: actions/upload-artifact@a8a3f3ad30e3422c9c7b888a15615d19a852ae32 # v3.1.3
         with:
-          name: fixtures-${{ matrix.os }}-node-v16
+          name: fixtures-${{ matrix.os }}-node-v18
           path: test/fixtures
     needs: setup
 
@@ -133,7 +133,7 @@ jobs:
       - run: corepack enable
       - uses: actions/setup-node@5e21ff4d9bc1a8cf6de233a3057d20ec6b3fb69d # v3.8.1
         with:
-          node-version: 16
+          node-version: 18
           cache: "yarn"
 
       - name: restore workspace cache
@@ -144,12 +144,12 @@ jobs:
             packages/*/node_modules
             distributions/*/node_modules
             packages/*/dist
-          key: ${{ matrix.os }}-node-v16-nuxt-${{ github.sha }}
+          key: ${{ matrix.os }}-node-v18-nuxt-${{ github.sha }}
 
       - name: restore fixtures
         uses: actions/download-artifact@9bc31d5ccc31df68ecc42ccf4149144866c47d8a # v3.0.2
         with:
-          name: fixtures-${{ matrix.os }}-node-v16
+          name: fixtures-${{ matrix.os }}-node-v18
           path: test/fixtures
 
       - name: test dev

packages/server/test/middleware/nuxt.test.js

@@ -20,7 +20,7 @@ const createContext = () => ({
 })
 
 const createServerContext = () => ({
-  req: { headers: {}, url: 'http://localhost/test/server' },
+  req: { headers: {}, url: 'http://127.0.0.1/test/server' },
   res: { headers: {}, setHeader: jest.fn(), end: jest.fn() },
   next: jest.fn()
 })
@@ -339,7 +339,7 @@ describe('server: nuxtMiddleware', () => {
 
     for (const path of paths) {
       await nuxtMiddleware(
-        { ...req, url: 'http://localhost/test/server/' + path },
+        { ...req, url: 'http://127.0.0.1/test/server/' + path },
         res,
         next
       )

test/dev/basic.dev.test.js

@@ -4,7 +4,7 @@ import consola from 'consola'
 import { Builder, BundleBuilder, getPort, loadFixture, Nuxt, rp, waitFor } from '../utils'
 
 let port
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 let builder = null
@@ -72,7 +72,7 @@ describe('basic dev', () => {
     await waitFor(2000) // TODO: Find a better way
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
   })
 
   test('Check build:done hook called', () => {

test/dev/basic.dynamic.test.js

@@ -23,7 +23,7 @@ const resourceLoader = new ProxyLoader()
 
 let port
 let nuxt
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 describe('basic ssr', () => {
   beforeAll(async () => {

test/dev/basic.generate.test.js

@@ -8,7 +8,7 @@ import { TARGETS } from '@nuxt/utils'
 import { Builder, Generator, getPort, loadFixture, Nuxt, rp, listPaths, equalOrStartsWith } from '../utils'
 
 let port
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 const rootDir = resolve(__dirname, '..', 'fixtures/basic')
 const distDir = resolve(rootDir, '.nuxt-generate')
 

test/dev/basic.plugins.test.js

@@ -1,7 +1,7 @@
 import { getPort, loadFixture, Nuxt } from '../utils'
 
 let port
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 
@@ -12,7 +12,7 @@ describe('plugins', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
   })
 
   test('/', async () => {

test/dev/basic.relative.test.js

@@ -2,7 +2,7 @@ import { loadFixture, getPort, Nuxt, rp } from '../utils'
 
 let port
 let nuxt
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 const tests = [
   ['relative publicPath can be used in dev ssr', {
@@ -25,7 +25,7 @@ describe('basic ssr with relative path', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
 
     const { html } = await nuxt.server.renderRoute('/')
 

test/dev/basic.ssr.csp.test.js

@@ -1,7 +1,7 @@
 import { getPort, loadFixture, Nuxt, rp } from '../utils'
 
 let port
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 const startCspServer = async (csp, isProduction = true) => {
   const options = await loadFixture('basic', {

test/dev/basic.ssr.test.js

@@ -2,7 +2,7 @@ import consola from 'consola'
 import { loadFixture, getPort, Nuxt, rp } from '../utils'
 
 let port
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 

test/dev/children.test.js

@@ -1,7 +1,7 @@
 import { loadFixture, getPort, Nuxt } from '../utils'
 
 let port
-// const url = (route) => 'http://localhost:' + port + route
+// const url = (route) => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 
@@ -12,7 +12,7 @@ describe('children', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
   })
 
   test('/parent', async () => {

test/dev/cli.test.js

@@ -6,7 +6,7 @@ import { getPort, rp, waitFor } from '../utils'
 let port
 const rootDir = resolve(__dirname, '..', 'fixtures/cli')
 
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 const nuxtBin = resolve(__dirname, '../../packages/cli/bin/nuxt-cli.js')
 const spawnNuxt = (command, opts) => spawn(nuxtBin, [command, rootDir], opts)

test/dev/custom-dirs.test.js

@@ -4,7 +4,7 @@ import fs from 'fs'
 import { getPort, loadFixture, Nuxt, rp } from '../utils'
 
 let port
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 
@@ -15,7 +15,7 @@ describe('custom-dirs', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
   })
 
   test('custom assets directory', async () => {

test/dev/dist-options.test.js

@@ -1,7 +1,7 @@
 import { loadFixture, getPort, Nuxt, rp } from '../utils'
 
 let port
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 

test/dev/encoding.test.js

@@ -2,7 +2,7 @@ import fetch from 'node-fetch-native'
 import { getPort, loadFixture, Nuxt, rp } from '../utils'
 
 let port
-const url = route => 'http://localhost:' + port + encodeURI(route)
+const url = route => 'http://127.0.0.1:' + port + encodeURI(route)
 
 let nuxt = null
 
@@ -13,7 +13,7 @@ describe('encoding', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
   })
 
   test('/ö/ (router base)', async () => {

test/dev/error.test.js

@@ -3,7 +3,7 @@ import consola from 'consola'
 import { loadFixture, getPort, Nuxt } from '../utils'
 
 let port
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 // let logSpy
@@ -15,7 +15,7 @@ describe('error', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
 
     consola.wrapConsole()
   })

test/dev/express.test.js

@@ -2,7 +2,7 @@ import express from 'express'
 import { loadFixture, getPort, Nuxt, rp } from '../utils'
 
 let port
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt
 let app

test/dev/fallback.test.js

@@ -1,7 +1,7 @@
 import { getPort, loadFixture, Nuxt, rp } from '../utils'
 
 let port
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 
@@ -13,7 +13,7 @@ describe('fallback', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
   })
 
   test('robots.txt handled', async () => {

test/dev/filenames-query-part.test.js

@@ -29,7 +29,7 @@ describe('build filenames with query part', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
   })
 
   test('server manifest files exist', () => {

test/dev/full-static-with-preview.test.js

@@ -5,7 +5,7 @@ import finalhandler from 'finalhandler'
 import { Builder, Generator, getPort, loadFixture, Nuxt, waitFor } from '../utils'
 
 let port
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 const rootDir = resolve(__dirname, '..', 'fixtures/full-static-with-preview')
 const distDir = resolve(rootDir, '.nuxt-generate')
 

test/dev/full-static.test.js

@@ -6,7 +6,7 @@ import glob from 'glob'
 import { Builder, Generator, getPort, loadFixture, Nuxt, rp } from '../utils'
 
 let port
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 const rootDir = resolve(__dirname, '..', 'fixtures/full-static')
 const distDir = resolve(rootDir, '.nuxt-generate')
 

test/dev/modern.client.test.js

@@ -1,7 +1,7 @@
 import { loadFixture, getPort, Nuxt, rp } from '../utils'
 
 let nuxt, port
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 describe('modern client mode (SSR)', () => {
   beforeAll(async () => {
@@ -10,7 +10,7 @@ describe('modern client mode (SSR)', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
   })
 
   test('should contain nomodule legacy resources', async () => {

test/dev/modern.server.test.js

@@ -2,7 +2,7 @@ import consola from 'consola'
 import { loadFixture, getPort, Nuxt, rp, wChunk } from '../utils'
 
 let nuxt, port
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 const modernUA = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36'
 const modernInfo = mode => `Modern bundles are detected. Modern mode (\`${mode}\`) is enabled now.`
 
@@ -13,7 +13,7 @@ describe('modern server mode', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
   })
 
   test('should detect server modern mode', async () => {

test/dev/modern.spa.test.js

@@ -2,7 +2,7 @@ import consola from 'consola'
 import { loadFixture, getPort, Nuxt, rp } from '../utils'
 
 let nuxt, port, options
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 const modernUA = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36'
 const modernInfo = mode => `Modern bundles are detected. Modern mode (\`${mode}\`) is enabled now.`
 
@@ -13,7 +13,7 @@ describe('modern client mode (SPA)', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
   })
 
   test('should detect client modern mode', async () => {

test/dev/module.test.js

@@ -3,7 +3,7 @@ import consola from 'consola'
 import { loadFixture, getPort, Nuxt, Builder, rp } from '../utils'
 
 let port
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 const rootDir = resolve(__dirname, '..', 'fixtures/module')
 
 let nuxt = null
@@ -16,7 +16,7 @@ describe('module', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
   })
 
   test('Plugin', async () => {

test/dev/nuxt.test.js

@@ -39,7 +39,7 @@ describe('nuxt', () => {
     await nuxt.ready()
 
     const port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
 
     const { html } = await nuxt.server.renderRoute('/')
     expect(html).toContain('<h2 class="Landscape__Title">')

test/dev/postcss-function.test.js

@@ -1,7 +1,7 @@
 import { getPort, loadFixture, Nuxt } from '../utils'
 
 let port
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 

test/dev/runtime-config.test.js

@@ -1,7 +1,7 @@
 import { loadFixture, getPort, Nuxt } from '../utils'
 
 let port
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 

test/dev/server.listen.test.js

@@ -14,14 +14,14 @@ describe('server listen', () => {
     await nuxt.ready()
 
     const port = await getPort()
-    const listen = () => nuxt.server.listen(port, 'localhost')
+    const listen = () => nuxt.server.listen(port, '127.0.0.1')
 
     // Listen for first time
     await listen()
     expect(nuxt.server.listeners[0].port).toBe(port)
 
     // Listen for second time
-    await expect(listen()).rejects.toThrow(`Address \`localhost:${port}\` is already in use.`)
+    await expect(listen()).rejects.toThrow(`Address \`127.0.0.1:${port}\` is already in use.`)
 
     await nuxt.close()
   })
@@ -31,7 +31,7 @@ describe('server listen', () => {
     await nuxt.ready()
 
     const port = await getPort()
-    const listen = () => nuxt.server.listen(port, 'localhost')
+    const listen = () => nuxt.server.listen(port, '127.0.0.1')
 
     // Listen for first time
     await listen()
@@ -41,7 +41,7 @@ describe('server listen', () => {
     await listen()
     expect(nuxt.server.listeners[1].port).not.toBe(nuxt.server.listeners[0].port)
     expect(consola.warn).toHaveBeenCalledTimes(1)
-    expect(consola.warn).toHaveBeenCalledWith(`Address \`localhost:${port}\` is already in use.`)
+    expect(consola.warn).toHaveBeenCalledWith(`Address \`127.0.0.1:${port}\` is already in use.`)
 
     await nuxt.close()
   })
@@ -59,7 +59,7 @@ describe('server listen', () => {
     const nuxt = new Nuxt({ ...config, dev: true })
     await nuxt.ready()
 
-    const listen = () => nuxt.server.listen(0, 'localhost') // Use port 0 to let allow host to randomly assign a free PORT
+    const listen = () => nuxt.server.listen(0, '127.0.0.1') // Use port 0 to let allow host to randomly assign a free PORT
     const toString = (x = '') => `${x}`
 
     // Nuxt server should not be listening on the DEFAULT_PORT

test/dev/spa.test.js

@@ -4,7 +4,7 @@ import { loadFixture, getPort, Nuxt, wChunk } from '../utils'
 // Runs tests in specified router mode (either "hash" or "history").
 function spaTests ({ isHashMode }) {
   let nuxt, port
-  const url = route => `http://localhost:${port}${isHashMode ? '/#' : ''}${route}`
+  const url = route => `http://127.0.0.1:${port}${isHashMode ? '/#' : ''}${route}`
 
   const renderRoute = async (_url) => {
     const window = await nuxt.server.renderAndGetWindow(url(_url))
@@ -21,7 +21,7 @@ function spaTests ({ isHashMode }) {
       await nuxt.ready()
 
       port = await getPort()
-      await nuxt.server.listen(port, 'localhost')
+      await nuxt.server.listen(port, '127.0.0.1')
     })
 
     test('/ (basic spa)', async () => {

test/dev/ssr.test.js

@@ -10,7 +10,7 @@ const range = n => [...Array(n).keys()]
 const FOOBAR_REGEX = /<Foobar>([\s\S]*)<\/Foobar>/
 const match = (regex, text) => (regex.exec(text) || [])[1]
 
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 // const isWindows = /^win/.test(process.platform)
 
@@ -69,7 +69,7 @@ describe('ssr', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
   })
 
   test('unique responses with data()', async () => {

test/dev/trailing-slash-payload.test.js

@@ -6,7 +6,7 @@ import { Builder, Generator, getPort, loadFixture, Nuxt } from '../utils'
 import renderAndGetWindow from '../../packages/server/src/jsdom'
 
 let port
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let builder
 let server = null

test/dev/trailing-slash.test.js

@@ -10,7 +10,7 @@ function runTest (name, expectations) {
       nuxt = new Nuxt(options)
       await nuxt.ready()
       port = await getPort()
-      await nuxt.server.listen(port, 'localhost')
+      await nuxt.server.listen(port, '127.0.0.1')
     })
 
     for (const route in expectations) {

test/dev/with-config.test.js

@@ -8,7 +8,7 @@ import { getPort, loadFixture, Nuxt, rp } from '../utils'
 const glob = pify(Glob)
 
 let port
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 
@@ -19,7 +19,7 @@ describe('with-config', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
   })
 
   test('client source map generated', async () => {

test/e2e/basic.browser.test.js

@@ -3,7 +3,7 @@ import { loadFixture, getPort, Nuxt, waitFor } from '../utils'
 
 let port
 const browser = new Browser()
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 let page = null
@@ -15,7 +15,7 @@ describe('basic browser', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
 
     await browser.start({
       // slowMo: 50,

test/e2e/basic.navigation.test.js

@@ -3,7 +3,7 @@ import { loadFixture, getPort, Nuxt, waitFor } from '../utils'
 
 let port
 const browser = new Browser()
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 let page = null
@@ -15,7 +15,7 @@ describe('basic browser navigation', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
 
     await browser.start({
       // slowMo: 50,

test/e2e/basic.vue-config.test.js

@@ -3,7 +3,7 @@ import { getPort, loadFixture, Nuxt } from '../utils'
 
 let port
 const browser = new Browser()
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 let page = null
@@ -14,7 +14,7 @@ const startServer = async (type = 'basic') => {
   await nuxt.ready()
 
   port = await getPort()
-  await nuxt.server.listen(port, 'localhost')
+  await nuxt.server.listen(port, '127.0.0.1')
 
   return nuxt
 }

test/e2e/children.patch.browser.test.js

@@ -3,7 +3,7 @@ import { loadFixture, getPort, Nuxt, waitFor } from '../utils'
 
 let port
 const browser = new Browser()
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 let page
@@ -16,7 +16,7 @@ describe('children patch (browser)', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
   })
 
   test('Start browser', async () => {

test/e2e/error.test.js

@@ -3,7 +3,7 @@ import { loadFixture, getPort, Nuxt } from '../utils'
 
 let port
 const browser = new Browser()
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 let page = null
@@ -15,7 +15,7 @@ describe('basic browser', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
 
     await browser.start({
       // slowMo: 50,

test/e2e/fetch.browser.test.js

@@ -3,7 +3,7 @@ import { loadFixture, getPort, Nuxt } from '../utils'
 
 let port
 const browser = new Browser()
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 let page = null
@@ -15,7 +15,7 @@ describe('basic browser', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
 
     await browser.start({
       // slowMo: 50,

test/e2e/page-transitions.browser.test.js

@@ -3,7 +3,7 @@ import { loadFixture, getPort, Nuxt } from '../utils'
 
 let port
 const browser = new Browser()
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 let page = null
@@ -20,7 +20,7 @@ describe('page transitions (browser)', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
 
     await browser.start({
       // slowMo: 50,

test/e2e/spa-base.browser.test.js

@@ -3,7 +3,7 @@ import { loadFixture, getPort, Nuxt } from '../utils'
 
 let port
 const browser = new Browser()
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 let page = null
@@ -15,7 +15,7 @@ describe('spa router base browser', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
 
     await browser.start({
       // slowMo: 50,

test/e2e/split-layouts-error.test.js

@@ -3,7 +3,7 @@ import { loadFixture, getPort, Nuxt } from '../utils'
 
 let port
 const browser = new Browser()
-const url = route => 'http://localhost:' + port + route
+const url = route => 'http://127.0.0.1:' + port + route
 
 let nuxt = null
 let page = null
@@ -15,7 +15,7 @@ describe('split layouts error layout', () => {
     await nuxt.ready()
 
     port = await getPort()
-    await nuxt.server.listen(port, 'localhost')
+    await nuxt.server.listen(port, '127.0.0.1')
     await browser.start()
     page = await browser.page(url('/'))
   })

test/fixtures/basic/pages/fetch.vue

@@ -13,7 +13,7 @@
 
 <script>
 const name = process.server ? 'server' : 'client'
-const baseURL = 'http://localhost:3000/api'
+const baseURL = 'http://127.0.0.1:3000/api'
 const getData = () => fetch(`${baseURL}/test`)
   .then(r => r.text())
   .then(r => r + ` (From ${name})`)