使用带有 Vue JS 和 Netlify 函数的 Netlify Dev 进行开发

Question

我正在将 vue + netlify 用于一个使用我构建的 netlify 函数的小型网络应用程序。在生产中一切正常（当我承诺基于我的 master 分支进行 master 和 netlify 自动部署时）但是当我尝试使用 netlify dev 启动本地开发实例时，对 netlify 函数的调用失败：

VM23:1 POST http://localhost:18002/.netlify/functions/customfunction 404 (Not Found)

显然开发环境中的端点与不相同，但我如何知道该端点可能是什么？在控制台中，当运行 netlify dev 命令时，它表示 lambda 服务器正在侦听 3467... 但尝试使用端点 http://localhost:34567/.netlify/functions/customfunction 会导致 CORS 错误。如有任何帮助，我们将不胜感激！

Answer 1

您可能会收到 CORS 错误，因为您的服务器运行与您的 vue 应用程序不在同一主机上，要解决此问题，您必须设置一个代理，为此您需要创建一个 vue.config.js 项目目录（不是 vue 文件夹）上的文件，然后通过以下代码：

module.exports = {
  devServer: {
    proxy: 'http://localhost:34567' // the port your server in running on
  }
}

现在您的代理已设置，因此您的请求 URL 将如下：

/.netlify/functions/customfunction

文档参考：https://cli.vuejs.org/config/#devserver-proxy

使用带有 Vue JS 和 Netlify 函数的 Netlify Dev 进行开发

Developing using Netlify Dev with Vue JS and Netlify Functions

vue.js

netlify