Meteor开发与生产环境public路径不同致文件存取异常，求解决方案

问题根源 #

你直接硬编码了/public路径，但Meteor的public目录在生产构建时会被打包到/programs/web.browser/app下，而且public目录是编译时静态打包的，动态写入的文件不会被Meteor的静态资源服务识别，导致生产环境中保存到根目录/public的文件无法通过静态路径访问。

正确解决方案 #

方案1：使用独立的文件存储目录（推荐） #

不要用public存储用户上传的动态文件，单独在项目根目录创建uploads文件夹，然后配置Meteor的静态服务指向这个目录：

1. 服务端添加静态路由配置：

import { WebApp } from 'meteor/webapp';
import express from 'express';
import path from 'path';
import fs from 'fs';

// 定义上传目录路径
const uploadsDir = path.join(process.env.PWD, 'uploads');
// 确保目录存在
if (!fs.existsSync(uploadsDir)) fs.mkdirSync(uploadsDir);

// 配置静态资源路由，前端可通过/uploads/文件名访问
WebApp.connectHandlers.use('/uploads', express.static(uploadsDir));

2. 保存文件时写入该目录：

fs.writeFile(path.join(uploadsDir, fileName), fileContent, (err) => {
  // 处理回调
});

前端访问文件时直接用/uploads/your-file-name，开发和生产环境路径完全一致。

方案2：自动适配Meteor静态资源根路径 #

如果一定要沿用类似public的结构，可以通过Meteor内置的WebAppInternals获取当前环境的静态资源根目录，自动适配开发和生产环境：

import { WebAppInternals } from 'meteor/webapp';
import path from 'path';
import fs from 'fs';

// 获取当前环境的静态资源根目录
const staticRoot = WebAppInternals.staticFilesMiddleware.root;
// 比如在静态根目录下创建uploads子目录
const targetDir = path.join(staticRoot, 'uploads');
if (!fs.existsSync(targetDir)) fs.mkdirSync(targetDir);

// 保存文件到目标路径
fs.writeFile(path.join(targetDir, fileName), fileContent, (err) => {
  // 处理回调
});

这样开发环境staticRoot指向项目根的/public，生产环境指向/programs/web.browser/app，自动匹配静态资源服务的路径。

内容的提问来源于stack exchange，提问作者Ricardo Assis