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

相关推荐
子兮曰2 天前
jev-ultrafast 深度解析:7 秒订机票的浏览器 Agent 是如何炼成的
前端·后端·agent
子兮曰2 天前
Jev 爆发一周:7 秒 Agent 背后的 System One 生态与三场争议
前端·后端·ai编程
前端小万2 天前
写公众号赚了 3000 块后,我做了一款叫 "一键成稿" 的软件
前端·微信小程序
爱勇宝2 天前
ZCode 开源 24 小时:一份没有历史的账本,回答不了"有没有偷代码"
前端·后端·chatglm (智谱)
虎头金猫2 天前
4K 视频总卡在公网带宽?用 N1 + OpenList 把网盘播放链路重新理顺
运维·服务器·网络·python·容器·beautifulsoup·pandas
三十而立洋2 天前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
还是大剑师兰特2 天前
解决nginx错误:http://localhost:7000正常,http://localhost:7000/map 报错404
nginx·大剑师
卡布鲁2 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
AI职业加油站2 天前
AI智能体应用工程师证书:政策红利下的职业新风口
大数据·运维·人工智能·学习·职场发展
此冬歌咏2 天前
K8s 节点故障实战:优雅驱逐 31 秒,硬故障 331 秒,以及那个永远 Pending 的 Pod
运维·k8s