Nuxtjs-在本地工作时生产中的POST请求出现错误404 [英] Nuxtjs - Error 404 with post request in production while working in local

问题描述

我实际上正在尝试在个人项目中使用nuxt-mail，

在我的开发阶段，我会收到所有的测试邮件。从那里开始，我进行了以下调整，以对我构建的站点执行完全相同的请求：

//nuxt.config.js
env: {
  baseUrl:
    process.env.NODE_ENV === 'dev'
      ? 'http://localhost:3000'
      : 'https://my-domain.netlify.app'
},

我使用‘send’函数时的代码：

this.$axios.$post(process.env.baseUrl + "/mail/send", {
        config: 'contact',
        from: document.getElementById('input-2').value,
        subject: document.getElementById('subject').value,
        text: "This is a text message",
      })

它继续与localhost/3000/mail/send一起工作得很好，但是一旦我构建我的站点并使用https：//my-domain.netlify.app/mail/send：

，就会出现404错误

POST https://my-domain.netlify.app/mail/send                             [HTTP/2 404 Not Found 186ms]
Uncaught (in promise) Error: Request failed with status code 404

我实际上正在努力解决此问题，我是否遗漏了什么？

推荐答案

好的，如果您的target是static，只能执行yarn generate。
如果您有默认值，也就是target: server，您只能yarn build。

然后，这里稍微谈一下：Sending mail in Nuxt.js with nuxt-mail
由于无法在静电环境下使用node.js包，yarn generate和netlify在这里都帮不上忙。您需要yarn build并将其托管在类似于Heroku的位置。

您可以执行的最后一步是使用以下命令在本地尝试：

• target: server
• yarn build
• yarn start
• 与邮递员或类似人员进行邮寄呼叫

如果此处不起作用，则是代码问题，您可以查看托管问题。
如果它在本地工作，您可以继续处理您将面临的托管问题。

这篇关于Nuxtjs-在本地工作时生产中的POST请求出现错误404的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！