vite项目如何导入.pem公钥更规范？

Question

vue3+vite的前端项目，需要使用公钥加密提交的参数，目前.pem文件存放在publicDir，通过fetch()读取.pem的值，感觉有点怪怪的。
请问有没有更好的导入方式。

Answer 1

直接import你的pem文件就行了啊,为啥要fetch
参考下vite文档中,将资源引入为字符串的说明
https://cn.vite.dev/guide/assets#importing-asset-as-string

---

我这测试没问题,
这是代码: https://codesandbox.io/p/sandbox/sk985q
这是截图:

---

你搞清楚是node报的403,还是静态文件服务器报的403?
构建时node报的403说明你文件的权限不对,
静态文件服务器报的403说明你在静态文件那不允许返回pem文件

Answer 2

用 @643104191 提到的方案就好。

如果是本地开发环境下 403 的话，是因为 Vite 出于安全考虑，默认禁止了 .env、.crt、.pem 这几种后缀名的文件访问，防止环境变量里有敏感参数或私钥文件泄漏啥的。

https://vite.dev/config/server-options.html#server-fs-deny

你可以调整这个设置：

// vite.config.ts
export default defineConfig({
  ... 略
  server: {
    fs: {
      deny: ['.env', '.env.*']
    }
  }
})

要么就是改后缀名，改成 txt 啥的都行，反正是当纯文本读。