Question

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

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

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

1 个答案: