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

相关推荐
AC赳赳老秦3 小时前
技术文章素材收集自动化:用 OpenClaw 自动爬取行业资讯、技术热点、优质文章
运维·开发语言·python·自动化·wpf·deepseek·openclaw
艾莉丝努力练剑3 小时前
【Linux网络】网络层IP协议(二):网段划分
linux·运维·服务器·网络·tcp/ip·udp
sbjdhjd3 小时前
04 (下) | K8S微服务实战:从 Service 到金丝雀发布
运维·微服务·云原生·kubernetes·开源·云计算·excel
江华森3 小时前
Jenkins 运维管理实战博客大纲
运维·jenkins
艾莉丝努力练剑3 小时前
【Linux网络】网络层IP协议(三):网段划分(下)
linux·运维·服务器·网络·tcp/ip
尔染君子3 小时前
嵌入式Linux驱动开发(基于树莓派rasberrypi 5的LED驱动开发)
linux·运维·驱动开发
晓13133 小时前
【Cocos Creator 3.x】篇——第三章 脚本编程
前端·javascript·游戏引擎
雨翼轻尘3 小时前
01_HTML基本结构
前端·html·基本结构
上海云盾安全满满3 小时前
服务器CPU跑满的原因及解决办法
运维·服务器