根据你提供的目录结构截图这样做是完全正确的也是最标准的做法你把前端打包后的文件dist目录放在 Nginx 配置文件的同级目录下这种布局非常清晰便于管理。为了确保万无一失你需要确认以下3 个关键点1. 挂载路径必须对应在你的 Docker 启动命令中冒号后面的路径容器内路径必须是/usr/share/nginx/html。你的启动命令应该长这样docker run -d --name nginx -p 80:80 \ -v /你的服务器实际路径/nginx/dist:/usr/share/nginx/html \ -v /你的服务器实际路径/nginx/conf.d:/etc/nginx/conf.d \ ...其他参数... \ nginx注意如果你把dist文件夹挂载到了/usr/share/nginx/html那么浏览器访问根路径/时Nginx 就会直接读取这个dist文件夹里的index.html。2. 检查index.html的位置从截图看index.html直接在dist根目录下这是对的。如果不小心把dist里的内容又套了一层文件夹比如dist/project-name/index.html那访问网站时可能会看到 Nginx 的默认欢迎页或者 403 错误。3. 别忘了图片路径的配置既然前端代码在这里那你之前问的图片问题也要配合这里来看。前端代码里引用的图片通常打包后会变成/assets/img/xxx.png这种相对路径Nginx 会直接在dist文件夹里找这没问题。后端上传的图片你之前的配置里写了location /goods-img/ { alias /etc/nginx/img/upload/; }。这意味着后端上传的图片不能放在dist文件夹里而是要放在宿主机的/etc/nginx/img/upload/或者你映射的其他路径。✅ 总结建议目前的目录结构非常完美nginx/conf.d/放配置文件。nginx/dist/放前端网页代码。nginx/img/建议新建专门用来存放后端上传的商品图片和前端代码分开互不干扰。只要你的 Docker 启动命令里的-v参数写对了这个目录结构就没有任何问题
服务器地址在哪里 pwd
发布时间:2026/6/9 20:06:07
根据你提供的目录结构截图这样做是完全正确的也是最标准的做法你把前端打包后的文件dist目录放在 Nginx 配置文件的同级目录下这种布局非常清晰便于管理。为了确保万无一失你需要确认以下3 个关键点1. 挂载路径必须对应在你的 Docker 启动命令中冒号后面的路径容器内路径必须是/usr/share/nginx/html。你的启动命令应该长这样docker run -d --name nginx -p 80:80 \ -v /你的服务器实际路径/nginx/dist:/usr/share/nginx/html \ -v /你的服务器实际路径/nginx/conf.d:/etc/nginx/conf.d \ ...其他参数... \ nginx注意如果你把dist文件夹挂载到了/usr/share/nginx/html那么浏览器访问根路径/时Nginx 就会直接读取这个dist文件夹里的index.html。2. 检查index.html的位置从截图看index.html直接在dist根目录下这是对的。如果不小心把dist里的内容又套了一层文件夹比如dist/project-name/index.html那访问网站时可能会看到 Nginx 的默认欢迎页或者 403 错误。3. 别忘了图片路径的配置既然前端代码在这里那你之前问的图片问题也要配合这里来看。前端代码里引用的图片通常打包后会变成/assets/img/xxx.png这种相对路径Nginx 会直接在dist文件夹里找这没问题。后端上传的图片你之前的配置里写了location /goods-img/ { alias /etc/nginx/img/upload/; }。这意味着后端上传的图片不能放在dist文件夹里而是要放在宿主机的/etc/nginx/img/upload/或者你映射的其他路径。✅ 总结建议目前的目录结构非常完美nginx/conf.d/放配置文件。nginx/dist/放前端网页代码。nginx/img/建议新建专门用来存放后端上传的商品图片和前端代码分开互不干扰。只要你的 Docker 启动命令里的-v参数写对了这个目录结构就没有任何问题