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

相关推荐
镜子AI21 小时前
镜子AI 技术复盘:三条自动化链路上的“停止条件“设计
运维·人工智能·自动化
Csvn21 小时前
WASM
前端
tianyuanwo21 小时前
NetBox 数据库详解:当“关系型数据库”被装进一个网络运维的领域模型里
运维·数据库·netbox
修己xj1 天前
我用 AI 给自己写了一个 Markdown 编辑器,然后把它开源了
前端
FRing031 天前
vue2干货总结2(v-bind、v-for、v-model、指令修饰符、v-bind操作class和style)
开发语言·前端·vue.js·vue2
幸运小猿1 天前
模拟慢上传-处理超时重试image 丢失线上问题
前端·javascript·html
知已难寻1 天前
03 · OpenStack的计算管理 Nova
运维·服务器·开发语言·云原生·云计算·openstack·开源软件
huainingning1 天前
Windows syslog日志服务器搭建与模拟器对接
运维·服务器·智能路由器
say_fall1 天前
【Linux系统编程】Ext 文件系统:磁盘与存储、文件与目录、现代计算机究竟如何寻找文件
linux·运维·服务器·数据库·c++
moshuying1 天前
网购能买Token了!
前端