小编J. *_*Doe的帖子

模糊数据 URL 的 Nextjs 数据 URL

在 NextJS 11 中,我们可以使用Image带有模糊占位符的组件。如果我们想将它与动态图像一起使用,我们必须使用blurDataURL,它是一个数据URL。

我想获取原始图像并将其缩小为 10x10 像素。当我尝试使用公共文件夹中已创建的其他图像时,fs.readFileSync('http://localhost:3000/1blur.png','base64')但出现此错误Error: ENOENT: no such file or directory, open 'http://localhost:3000/1blur.png',并且当我尝试打开该文件时,它正在我的导航器中工作。

所以,我有两个问题:

  • 为什么我有错误?
  • 如何动态地将原始图像转换为可与 Data URL 一起使用的 10x10 模糊图像?

谢谢 !

javascript uri image node.js next.js

4
推荐指数
1
解决办法
2万
查看次数

CORS Laravel VueJS

我正在尝试使用 axios 从 VueJS 到 Laravel(这是我的 API)。

我收到这个错误:

从原点>“ http://localhost:8080 ”访问“http: //api.test/api/events/1/ ”处的 XMLHttpRequest已被 CORS 策略阻止:无“Access-Control->Allow-Origin”标头存在于所请求的资源上。

未捕获(承诺中)错误:XMLHttpRequest.handleError (xhr.js?b50d:87) 处 createError (createError.js?2d83:16) 处出现网络错误

我尝试创建一个名为“cors”的中间件,如下所示,它对我不起作用,或者也许我做得很糟糕?

奇怪的事情 ?是与 Postman 合作的。

感谢您的帮助!:)

cors laravel vue.js axios

3
推荐指数
1
解决办法
2万
查看次数

标签 统计

axios ×1

cors ×1

image ×1

javascript ×1

laravel ×1

next.js ×1

node.js ×1

uri ×1

vue.js ×1