При развертывании в настоящее время приложение Nuxt вызывает ошибку 404 при обновлении - PullRequest
Новая
       44

При развертывании в настоящее время приложение Nuxt вызывает ошибку 404 при обновлении

1 голос
/ 16 марта 2019

При обновлении страницы мое приложение nux отображает ошибку 404 not found.Если я перемещаюсь через ssr через маршрутизацию nuxt-links, то все работает нормально.Что я делаю не так?

Я развертываю в now.sh с помощью команды now.

Я использую slug, и мой основной файл vue _vue.vue выступает в качестве основногошаблон для динамических страниц. 

<template>
<div>
<headerBanner :pagetitle="post[0].title.rendered" :acf_subtitle="post[0].acf.subtitle_text"/>
</div>
</template>

<script>
import axios from 'axios' 
import headerBanner from '~/components/headerbanner.vue'

export default {

  components: {
      headerBanner
  },

  asyncData ({ params, error }) {
    console.log(`https://mywebsite.com/wp-json/wp/v2/pages?slug=${params.vue}`)
    return axios.get(`https://mywebsite.com/wp-json/wp/v2/pages?slug=${params.vue}`)
    .then((res) => {
      return { post: res.data }
    })
    .catch((e) => {
      error({ statusCode: 404, message: 'Post not found' })
    })
  },

  layout: 'default'
}


</script>

now.json 

{
    "version": 2,
    "name": "nuxt-static",
    "builds": [
        { "src": "package.json", "use": "@now/static-build" }
    ]
}

package.json 

{
  "name": "myproject",
  "version": "1.0.0",
  "description": "My Nuxt.js project",
  "author": "jordan",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "now-build": "nuxt generate"  
  },
  "dependencies": {
    "@fortawesome/fontawesome": "^1.1.8",
    "@fortawesome/free-solid-svg-icons": "^5.7.2",
    "@nuxtjs/axios": "^5.4.1",
    "@nuxtjs/pwa": "^2.6.0",
    "cross-env": "^5.2.0",
    "nuxt": "^2.4.0",
    "nuxt-fontawesome": "^0.4.0",
    "nuxt-payload-extractor": "^0.0.8",
    "vue-resource": "^1.5.1",
    "vuex": "^3.1.0"
  },
  "devDependencies": {
    "node-sass": "^4.11.0",
    "nodemon": "^1.18.9",
    "sass-loader": "^7.1.0"
  }
}

1 Ответ

1 голос
/ 16 марта 2019

Вы развертываете его как статический сайт.Nuxt не генерирует маршруты для динамических страниц по умолчанию.

В любом случае, теперь вы можете просто использовать nuxt build.https://github.com/nuxt/now-builder

{
  "version": 2,
  "builds": [
    {
      "src": "nuxt.config.js",
      "use": "@nuxtjs/now-builder",
      "config": {}
    }
  ],
  "routes": [
    { "src": "/_nuxt/.+", "headers": { "cache-control": "s-maxage=31536000" } },
    { "src": "/(.*)", "dest": "/" }
  ]
}
...