服务器地址在哪里 pwd

根据你提供的目录结构截图,这样做是完全正确的,也是最标准的做法! 👍

你把前端打包后的文件(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 参数写对了,这个目录结构就没有任何问题!

相关推荐
kyriewen5 小时前
我手写了一个 EventEmitter,面试官追问了 6 个问题——第 4 个我没答上来
前端·javascript·面试
IT_陈寒5 小时前
Java的Date类又坑了我一次,改用时间戳真香
前端·人工智能·后端
小林攻城狮6 小时前
使用 Transport 节流解决 Vercel AI SDK 流式渲染卡死问题
前端·react.js
前端缘梦6 小时前
告别 TS 运行时类型漏洞!Zod 完整入门实战教程(前端 / 全栈必备)
前端·react.js·全栈
the_answer6 小时前
Webpack vs Vite 深度对比分析
前端·webpack
转转技术团队6 小时前
验证码识别实战:前端不写页面,改训模型了?
前端
MomentYY6 小时前
Temperature:AI 的“脑洞旋钮”
前端·llm·ai编程
远航_7 小时前
OpenSpec 完整详细介绍
前端·后端
召钱熏7 小时前
状态枚举正确≠渲染正确:一个语音按钮的状态机边界修复实录
android·前端
SkyWalking中文站7 小时前
认识 Horizon UI · 1/17:SkyWalking 新一代可观测性控制台
运维·前端·监控