如何解决用于Netlify功能的Sapper汇总代理配置
我正在使用Sapper Rollup template,但不知道如何将/.netlify/functions
代理到localhost:9000
。我已经在setupProxy.js文件中尝试过http-proxy-middleware
,但是由于Sapper开发服务器似乎无法使用汇总配置,因此我不确定在哪里引用该文件?
我在/src/functions/get-code.js
中有一个函数,并且正在使用Netlify lambda对其进行测试:
package.json
...
"scripts": {
"dev": "sapper dev","lambda:dev": "netlify-lambda serve src/functions",...
netlify.toml
[build]
command = "npm run build"
functions = "lambda"
我可以在https://localhost:9000/get-code
上测试我的功能,并且工作正常。但是,在我的应用中,文件utilities.js
中有一个函数正在尝试向/.netlify/functions/get-code.
export const getCode = (obj) => {
return axios
.post('.netlify/functions/get-code',JSON.stringify(obj))
.then((response) => {
return response.data
})
.catch(function (error) {
console.error(error)
return null
})
}
当我运行我的应用(npm run dev
)并调用此函数时,由于它试图调用ECONNREFUSED
,因此会导致http:.netlify/functions/get-code
错误。
解决方法
我试图在 Eleventy 项目中做同样的事情,直到我意识到我没有必要这样做。与其使用 netlify-lambda 并尝试代理到端口 9000,不如使用 Netlify Dev。
安装 Netlify CLI:
npm install netlify-cli -g
然后从您的项目文件夹运行 Netlify Dev:
netlify dev
它会启动您的应用并处理您对 /.netlify/functions/get-code
的 http 请求,因此您可以避免代理问题以及 CORS 问题。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。