服务器地址在哪里 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 参数写对了,这个目录结构就没有任何问题!

相关推荐
pt10434 分钟前
网络自动化Python课程:Python与Linux密钥和敏感信息管理介绍
运维·自动化
严谨的麻辣烫10 分钟前
2026 年静态 IP 为什么重新受到关注?从住宅代理安全问题看固定网络出口
运维·服务器·tcp/ip·网络安全
云智慧AIOps社区12 分钟前
2026年智能巡检机器人行业格局:三类厂商阵营、选型维度与产品推荐
运维·人工智能·机器人·巡检机器人
默_笙20 分钟前
🌃 HTTP 不认识你:JWT 登录鉴权的完整"酒店入住"指南
前端·javascript
Profile排查笔记38 分钟前
JavaScript 实现浏览器指纹生成:基础字段、Canvas 采样与 SHA-256 摘要
前端·人工智能·后端·自动化
不可能片场39 分钟前
Electron 子进程退化成 node 的 env 陷阱
前端·electron
搬砖记录员43 分钟前
录屏总黑屏?90% 的人没关这个开关——浏览器硬件加速冲突排查指南
前端·音视频开发
promiseThen1 小时前
我用 7 条铁律管住 Cursor:让 AI 写代码不再「自由发挥」
前端·ai编程
shengchanxian11 小时前
2026年9月服务器装配流水线厂家技术测评:对标国标的硬件评判逻辑
运维·服务器·服务器装配流水线厂家
梨想橙汁1 小时前
JS 核心语法:运算符流程控制、函数、数组与对象实战详解
前端·javascript