如何在浏览器环境使用 fs

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› Vue.js

这是一个创建于 2732 天前的主题，其中的信息可能已经有所发展或是发生改变。

我需要把 vue 的 data 写入到文件，以备初始化调用，localstorage 无效，因为操作完后要生成静态文件打包发布

以使用过以下 2 个包

browserify-fs

fs-web

，但都无法读和写文件

还有好用的推荐吗，谢谢

10 条回复 • 2020-03-09 17:44:14 +08:00

donlxn22

2017-06-08 15:46:32 +08:00

浏览器沙盒限制，不能在浏览器环境下且无用户感知的情况下直接写文件到本地硬盘。browserify-fs 使用浏览器中的 db 模拟 fs 的 API，并不是真正读写硬盘上的文件。

plqws

2017-06-08 15:59:57 +08:00

楼主可能需要补习一些浏览器常识。

另外有一种东西叫做 Cookies

dxcqcv

2017-06-08 21:39:57 +08:00

@donlxn22 谢谢，还有求教下，browserify-fs 创建的文件能像真正的文件一样永远保留着吗？即使被打成静态包后在其他浏览器上查看

dxcqcv

2017-06-08 21:41:58 +08:00

@plqws Cookies 和 localStorage 一样无法解决我的问题，因为我要打包成静态文件发布出去

plqws

2017-06-09 08:03:12 +08:00 via iPhone

@dxcqcv 自己用 node 写个 server 然后把 node 可执行文件一起打包了。运行的时候用个批处理运行服务器的同时用浏览器打开网页。这是最简单的办法了。

dxcqcv

2017-06-09 11:02:32 +08:00

@plqws 但我现在做的工具更像 cms，发布环境只接受静态文件

plqws

2017-06-09 11:15:09 +08:00 via iPhone

@dxcqcv 所以是打算把网站托管到一个只支持静态文件的服务器吗？

dxcqcv

2017-06-09 13:15:40 +08:00

@plqws 操作过程是，本地操作完成后打包，发布服务器就接受静态文件

plqws

2017-06-09 14:03:04 +08:00 via iPhone

@dxcqcv 那就用 baas 服务，比如 leancloud

minglanyu

2020-03-09 17:44:14 +08:00

browserify-fs 难用