news 2026/6/14 17:58:26

服务器地址在哪里 pwd

作者头像

张小明

前端开发工程师

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

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/12 12:28:05

前端性能优化:LCP 从 4s 到 0.9s 的 5 个核心手段(附配置代码)

一、LCP 的定义与优化目标 LCP(Largest Contentful Paint) 衡量页面最大内容元素(通常是图片、视频、大文本块)的渲染时间。优化目标:≤ 2.5 秒。 影响 LCP 的主要因素: 资源加载慢(图片、字…

作者头像 李华
网站建设 2026/6/12 13:09:33

【2026最新】英文降AIGC率保姆级作业:全攻略+使用教程直接抄

看着自己的Turnitin报告,估计你现在的血压已经快爆表了。今年这系统评估标准简直严格,随便润色两句就被精准提示。与其半夜坐在电脑前逐句瞎改,不如弄清楚它到底是怎么识别的。 我以前也被这玩意坑过,最终才摸出一点门道。今天不…

作者头像 李华
网站建设 2026/6/12 14:04:41

网络层完整逻辑

OSI 七层模型 分层极简释义 物理层:只管线路通不通,识别电 / 光信号 数据链路层:内网转发,认 MAC,隔离 VLAN 网络层:跨网选路,认 IP、网关、路由,Ping 基于本层 传输层:区分程序,认端口,TCP/UDP 负责连接规则 会话层:管控连接,决定会话何时连、何时断 表示层:数…

作者头像 李华