Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >带有nodemailer问题的Nuxt.js和Node.js简单形式:(

带有nodemailer问题的Nuxt.js和Node.js简单形式:(
EN

Stack Overflow用户
提问于 2020-09-22 00:13:24
回答 1查看 1.4K关注 0票数 2

我是Nuxt.js和Node.js的新手。我想在'contact.vue‘页面上运行一个非常简单的联系人表单。它在本地运行的很好,但一旦我做了一个'npm运行生成‘来生成文件并将所有这些上传到FTP,它就不再工作了。控制台中有一个错误:"POST http://website.com/api/message 404 (未找到)“

我在表单上使用POST方法,并使用指向'api / message‘的操作。我在一个方法中使用axios (在同一个'contact.vue‘页面上):

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
async onSubmit (e) {
  e.preventDefault()
  await this.$axios.post('/api/message', {
    name: this.contactForm.name,
    firstname: this.contactForm.firstname,
  })
    .then((res) => {
      // On clear le formulaire
      this.contactForm.name = ''
      this.contactForm.firstname = ''
    })
    .catch((err) => {
      console.log(err)
    })
}

我在根文件夹中有一个'api/‘文件夹,里面有'index.js’和代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
const app = require('express')()
const bodyParser = require('body-parser')
const nodemailer = require('nodemailer')

module.exports = { path: '/api', handler: app }

app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())

app.post('/message', async (req, res) => {
 const contenuFormulaireContact = `
   <ul>
     <li>Nom : ${req.body.name}</li>
     <li>Prénom : ${req.body.firstname}</li>
   </ul>
 `
 // NODEMAILER
 const transporter = nodemailer.createTransport({
   host: '',
   port: 465,
   secure: true,
   auth: {
     user: '',
     pass: ''
   }
 })

 const info = await transporter.sendMail({
   from: '"Website's Name" <hello@website.com>', // sender address
   to: 'myemail@website.com', // list of receivers
   subject: `NEW MESSAGE : ${req.body.subject}`, // Subject line
   text: '', // plain text body
   html: contenuFormulaireContact // html body
 })

 console.log('Message sent: %s', info.messageId)
 console.log('Preview URL: %s', nodemailer.getTestMessageUrl(info))

 res.redirect(200, '/contact')
 })

在我的nuxt.config.js中:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
/*
** Nuxt.js modules
*/
modules: [
  '@nuxtjs/pwa',
  '@nuxtjs/axios'
],
/*
** Axios cfg
*/
axios: {
  baseURL: '/'
},
/*
** Server middleware
*/
serverMiddleware: ['~/api/index.js'],

我很抱歉,如果对你们中的一些人来说,这个问题看起来很明显,但我完全被困住了。

如果您能抽出时间来帮助我,请提前感谢您。

EN

回答 1

Stack Overflow用户

发布于 2020-11-20 15:50:56

实际上,当您运行npm run generate时,网站变得完全静态,节点不再在后台运行。这就是为什么您的代码将与npm run devnpm run start一起工作,因为它们同时运行节点。

我也面临着同样的问题。静态网站无法从客户端发送邮件。必须在服务器端发送。要使代码工作正常,要么使用node.js服务器,要么使用无服务器函数解决方案(,如拉姆达Netlify函数 )来执行邮件发件人函数,要么使用像福姆斯普里99入这样的外部REST服务。

https://stackoverflow.com/a/53560851/2610770

我希望我能帮你一点!

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64005607

复制
相关文章
在 R 中使用 sf 和 ggplot2 绘制河流地图
今年的3月22日是“世界水日”,它关注淡水的重要性,并引起人们对无法获得安全用水的22亿人的关注。今年的重点是地下水,这是为我们的泉水、河流、湖泊和湿地提供食物的宝贵来源。
气象学家
2022/04/18
2.7K0
在 R 中使用 sf 和 ggplot2 绘制河流地图
DW 在onload运行recordset find.html时 发生了以下javascript错误
这两天打开Dreamweaver CS5,总是弹出一个错误,写着:   在onLoad运行RecordsetFind.htm时,发生了以下JavaScript错误:   在文件“RecordsetFind”中:   findRsisnotdefined   在关闭Dreamweaver的时候也会弹出一个类似的错误, 原因:DW 的配置信息出错了,可能是上次使用非法关闭造成的。   在网上查了一下,找到了解决方法。   方法如下: 删除该目录中对应的Dreamweaver版本文件夹。 xp系统,目录 C:/
deepcc
2018/05/16
1.6K0
Lua组件在Redis中的作用
这种功能允许用户在Redis服务器上执行原子性的操作,从而避免了多次网络往返的开销。
一凡sir
2023/10/03
2790
Lua组件在Redis中的作用
【游戏开发】在Lua中实现面向对象特性——模拟类、继承、多态
  Lua是一门非常强大、非常灵活的脚本语言,自它从发明以来,无数的游戏使用了Lua作为开发语言。但是作为一款脚本语言,Lua也有着自己的不足,那就是它本身并没有提供面向对象的特性,而游戏开发是一项庞大复杂的工程,如果没有面向对象功能势必会为开发带来一定的不便。不过幸好Lua中有table这样强大的数据结构,利用它再结合元表(metatable),我们便可以很方便地在Lua中模拟出类、继承和多态等面向对象编程具有的特性。
马三小伙儿
2018/09/12
3.1K0
Flash在DirectX中的绘制
这里使用的是之前我说过的OLE控件在Direct3D中的渲染方法, 自己不进行swf的解析, 这不现实. 前提条件: COM编程, OLE编程, DirectX编程, ActionScript/Flash(可选). 创建一个ShockwaveFlashObjects::IShockwaveFlash的对象 实现一个IOleClientSite来做为IShockwaveFlash的容器 绘制 通过OleDraw来把GDI的像素数据绘制到DC上(IShockwaveFlash是一个IViewObjec
逍遥剑客
2018/05/23
1.8K0
在windows程序中嵌入Lua脚本引擎--编写自己的Lua库
        在《在windows程序中嵌入Lua脚本引擎--建立一个简易的“云命令”执行的系统》一文中,我提到了使用Lua的ffi库,可以让我们像写C代码一样写lua程序。这是个非常令我们这些C程序员激动的事。但是我们使用ffi库写出来的程序往往比较大,因为我们可能要声明一些API的原型和结构体。比如我们看luajit的wiki中关于使用ffi调用kernel32的一个例子。(转载请指明出于breaksoftware的csdn博客)如果我们要使用
方亮
2019/02/28
2.2K0
在windows程序中嵌入Lua脚本引擎--编写自己的Lua库
Java中String转换为JSONArray发生错误[通俗易懂]
第一种解析的字符串结构 keywords:[{keyword=关键字,matchType=1},{keyword=关键字,matchType=1}]
全栈程序员站长
2022/08/31
5.8K0
Maven 编译时发生错误说XX是专有API,可能会在未来的版本中删除
解决办法也很简单就是,设置编译插件的时候增加一个依赖 <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-compiler-plugin</artifactId> <version>2.0.2</version> <configuration> <source>1.7</source> <target>1.7</target> </configur
前Thoughtworks-杨焱
2021/12/08
1.4K0
vsCode 打开界面报错,尝试在目标目录创建文件时发生一个错误
目录 一、报错提示: 二、解决方案:  ---- 一、报错提示: 尝试在目标目录创建文件时发生一个错误:拒绝访问 二、解决方案:  拒绝访问的原因就是权限不足导致。 1、找到上图报错提示的 VS Code 安装目录右键点击属性设置权限。 2、添加一个用户 Everyone  3、赋予 Everyone 用户完全控制权限。 
跟着飞哥学编程
2022/12/02
2.5K0
Java中net.sf.json包关于JSON与对象互转的坑
  在Web开发过程中离不开数据的交互,这就需要规定交互数据的相关格式,以便数据在客户端与服务器之间进行传递。数据的格式通常有2种:1、xml;2、JSON。通常来说都是使用JSON来传递数据。本文正是介绍在Java中JSON与对象之间互相转换时遇到的几个问题以及相关的建议。 首先明确对于JSON有两个概念: JSON对象(JavaScript Object Notation,JavaScript对象表示法)。这看似只存是位JavaScript所定制的,但它作为一种语法是独立于语言以及平台的。只是说通常情
用户1148394
2018/01/09
3.3K0
Java中net.sf.json包关于JSON与对象互转的坑
R语言在RCT中调整基线时对错误指定的稳健性
众所周知,调整一个或多个基线协变量可以增加随机对照试验中的统计功效。调整分析未被更广泛使用的一个原因可能是因为研究人员可能担心如果基线协变量的影响在结果的回归模型中没有正确建模,结果可能会有偏差。
拓端
2020/07/16
1.7K0
在sublime text 3中配置go
1.下载Sublime Text http://www.sublimetext.com/
py3study
2020/01/09
2.3K0
在vscode中go编码发生的问题整理
使用VsCode进行Go程序开发,我们肯定会碰到一些问题,这些问题有些是IDE的配置问题,有些是下载包的版本不一致问题,本文主要针对在开发过程中碰到的问题做一个简单的回顾和整理。
happlyfox
2021/03/19
1.6K0
在vscode中go编码发生的问题整理
使用VsCode进行Go程序开发,我们肯定会碰到一些问题,这些问题有些是IDE的配置问题,有些是下载包的版本不一致问题,本文主要针对在开发过程中碰到的问题做一个简单的回顾和整理。
happlyfox
2021/03/17
2.4K0
redis中的lua
前言 最近在看redis的lua,看了官网资料和网上一些文章,整理了lua的相关内容,希望对大家有帮助。 目录 0. redis中运行lua的流程的正常流程 1.redis中的lua概要信息     1.1 lua中调用redis命令     1.2 redis数据结构与lua数据结构对应关系     1.3 EVAL和EVALSHA     1.4 脚本缓存     1.5 脚本命令     1.6 其他约定         1.6.1 全局变量保护         1.6.2 Sele
温安适
2018/05/17
1.8K0
LUA面向对象编程技巧
详文请见 http://ffown.sinaapp.com/?p=11 1. LUA中的对象 我们知道,对象由属性和方法组成。LUA中最基本的结构是table,So 必须用table描述对象的属性。l
知然
2018/03/09
1.6K0
SLua-在Lua中实现Unity中的生命周期
Enumerable.Cast(IEnumerable) Method : Casts the elements of an IEnumerable to the specified type. 将一个IEnumerable的元素转换为一个具体的类型。
祝你万事顺利
2019/07/26
1.5K0
点击加载更多

相似问题

当我试图绘制sf::Text对象时SFML中的分割错误

20

SFML2.4.2在绘制sf::Text对象之前获取localBounds

14

绘制sf对象时出错--错误:找不到函数"geom_sf“

12

是否在绘制前查找sf::Text宽度?

11

试图破坏sf::字体时的分割错误

115
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文