NuxtJs/axios api 404 未找到

Question

使用nuxt和 http 請求axios ，這里是配置：

nuxt.config.js

  axios: {
    proxy: true,
    https: true,
    prefix: '/api'
  }

表單.vue

this.$axios.$post('/mail', {
...
}

提交表格后，請求 url 是：

http://localhost:3000/api/mail

但：

發布 http://localhost:3000/api/mail 404（未找到）

在我的項目中：

/api
- index.js
- /routes
    -- /mail.js

index.js：

const express = require('express')
var mail = require('./routes/mail.js')

郵件.js

var router = express.Router()
router.post('/', function(req, res, next) {
  var mailInfo = req.body
  var mailDetails = getMailDetails(mailInfo.type, mailInfo.body)
  var mailOptions = {
    priority: 'high',
    from: process.env.SENDGRID_FROM || 'contact@test.com',
    to: mailInfo.to || mailDetails.to,
    subject: mailDetails.subject,
    html: mailDetails.msg
  }
  transporter.sendMail(mailOptions, function(error, info) {
    if (error) {
      console.log(error)
      res.status(404).json(error)
    } else {
      // console.log('Email sent: ' + info.response);
      res.status(200).json({
        message: 'email sent successfully'
      })
    }
  })
})
module.exports = router

任何想法？ ..

Answer 1

您是否指定了要作為代理訪問的服務器的地址？

// nuxt.config.js

proxy: {
  'prefix': 'url'
}