如何修复导致网络错误的nuxt js静态站点链接？

Question

我有一个非常基本的nuxt.js应用程序，在本地db.json文件中使用JSON，由于某种原因，生成的静态站点链接会导致网络错误，但是我可以通过url或页面刷新来访问它们。

nuxt config

generate: {
    routes () {
      return axios.get('http://localhost:3000/projects')
        .then((res) => {
          return res.data.map((project) => {
            return '/project/' + project.id
          })
        })
    }
  },

主根目录索引页

    data() {
 return {
  projects: []
 }
},

async asyncData({$axios}){

let projects = await $axios.$get('http://localhost:3000/projects')
return {projects}
}

单个项目页面

data() {
      return {
        id: this.$route.params.id
      }
    },

    async asyncData({params, $axios}){

    let project = await $axios.$get(`http://localhost:3000/projects/${params.id}`)
    return {project}

    }

P.S。我已经使用主项目页面和单个项目页面的代码编辑了该帖子

Answer 1

您的应用程序的服务器端请求问题是由运行应用程序和json-server的端口冲突引起的。