AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

docker安装的nginx放在html文件下的vue项目404解决

2022-10-14 641
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： docker安装的nginx放在html文件下的vue项目404解决

前言，今天用docker安装的nginx部署vue项目，首先宿主机挂载了html，在html建了个smss的文件加，寻思这里面放vue项目build的dist文件，浏览器想通过http://ip/smss访问。结果出错。


default.conf配置错误配置1

1dc618a0ed9580ce8bfa6facb208c08f.png


default.conf配置错误配置2

5d4c6812c8535adbb050f4ddf2e1bce8.png


正确配置

46a9d80a6e05e4e3b19d57a0ee70bcdf.png


大功告成，这样我也可以同时部署多个前端项目了，只要根据html的文件区分名字即可。


文章标签：
JavaScript
前端开发
容器
应用服务中间件
Docker
nginx
关键词：
Docker Nginx
Docker安装
安装HTML
docker文件
Nginx Docker
怒放de生命
目录
相关文章
javaercn
|
7月前
|
应用服务中间件 网络安全 nginx
手把手教你使用 Docker 部署 Nginx 教程
本文详解Nginx核心功能与Docker部署优势，涵盖镜像拉取、容器化部署（快速、挂载、Compose）、HTTPS配置及常见问题处理，助力高效搭建稳定Web服务。
javaercn
3395 4
游客e5t4h2fblkshy
|
10月前
|
关系型数据库 应用服务中间件 nginx
Docker一键安装中间件(RocketMq、Nginx、MySql、Minio、Jenkins、Redis）
本系列脚本提供RocketMQ、Nginx、MySQL、MinIO、Jenkins和Redis的Docker一键安装与配置方案，适用于快速部署微服务基础环境。
游客e5t4h2fblkshy
1148 5
蓝易云
|
7月前
|
应用服务中间件 Linux nginx
在虚拟机Docker环境下部署Nginx的步骤。
以上就是在Docker环境下部署Nginx的步骤。需要注意，Docker和Nginix都有很多高级用法和细节需要掌握，以上只是一个基础入门级别的教程。如果你想要更深入地学习和使用它们，请参考官方文档或者其他专业书籍。
蓝易云
364 5
凤中枫
|
应用服务中间件 Linux nginx
构建包含 nginx_upstream_check_module 的轻量级 Nginx 1.21.5 Docker 镜像
测试
凤中枫
935 31
34789737
|
11月前
|
存储 JavaScript 前端开发
如何高效实现 vue 文件批量下载及相关操作技巧
在Vue项目中，实现文件批量下载是常见需求。例如文档管理系统或图片库应用中，用户可能需要一次性下载多个文件。本文介绍了三种技术方案：1) 使用`file-saver`和`jszip`插件在前端打包文件为ZIP并下载；2) 借助后端接口完成文件压缩与传输；3) 使用`StreamSaver`解决大文件下载问题。同时，通过在线教育平台的实例详细说明了前后端的具体实现步骤，帮助开发者根据项目需求选择合适方案。
34789737
993 0
蓝易云
|
前端开发 应用服务中间件 nginx
docker安装nginx，前端项目运行
通过上述步骤，你可以轻松地在Docker中部署Nginx并运行前端项目。这种方法不仅简化了部署流程，还确保了环境的一致性，提高了开发和运维的效率。确保按步骤操作，并根据项目的具体需求进行相应的配置调整。
蓝易云
1504 25
蓝易云
|
负载均衡 应用服务中间件 nginx
基于Nginx和Consul构建自动发现的Docker服务架构——非常之详细
通过使用Nginx和Consul构建自动发现的Docker服务架构，可以显著提高服务的可用性、扩展性和管理效率。Consul实现了服务的自动注册与发现，而Nginx则通过动态配置实现了高效的反向代理与负载均衡。这种架构非常适合需要高可用性和弹性扩展的分布式系统。
蓝易云
225 4
蓝易云
|
负载均衡 应用服务中间件 nginx
基于Nginx和Consul构建自动发现的Docker服务架构——非常之详细
通过使用Nginx和Consul构建自动发现的Docker服务架构，可以显著提高服务的可用性、扩展性和管理效率。Consul实现了服务的自动注册与发现，而Nginx则通过动态配置实现了高效的反向代理与负载均衡。这种架构非常适合需要高可用性和弹性扩展的分布式系统。
蓝易云
496 3
nanshaws
|
JavaScript 应用服务中间件 nginx
nginx部署vue项目
本文介绍了将Vue项目部署到Nginx的步骤，包括构建Vue项目、上传dist文件夹到服务器、安装Nginx、配置Nginx代理静态文件以及重启Nginx，确保了Vue应用可以通过域名或IP地址访问。
nanshaws
1076 1

热门文章

最新文章

  • 1
    百度搜索：蓝易云【Nginx服务器上安装SSL证书？】
  • 2
    debian12/ubuntu24/22/20 shell 脚本自动编译web安装网站环境 nginx1.26.0 php7/8 mariadb1011
  • 3
    分析APACHE NGINX的LOG
  • 4
    Nginx中的rewrite指令
  • 5
    最详细nginx反向代理之端口配置
  • 6
    菜鸟学Linux 第097篇笔记 nginx配置文件
  • 7
    Nginx配置Https并进行Http强制跳转Https
  • 8
    Nginx默认服务default_server的配置
  • 9
    Nginx技术详解(2)
  • 10
    Nginx隐藏版本号
  • 1
    在虚拟机Docker环境下部署Nginx的步骤。
    364
  • 2
    手把手教你使用 Docker 部署 Nginx 教程
    3395
  • 3
    n8n Docker 部署手册
    3494
  • 4
    【Docker】（3）学习Docker中 镜像与容器数据卷、映射关系！手把手带你安装 MySql主从同步 和 Redis三主三从集群！并且进行主从切换与扩容操作，还有分析 哈希分区 等知识点！
    818
  • 5
    【Docker】（2）还在浏览网页寻找Docker命令？本文全面列举与使用Docker里的各个命令！想要什么命令直接从本文拿！
    830
  • 6
    【Docker】（1）Docker的概述与架构，手把手带你安装Docker，云原生路上不可缺少的一门技术！
    647
  • 7
    【赵渝强老师】Docker容器的资源管理机制
    730
  • 8
    手把手教你用 Docker 部署 Redis
    2356
  • 9
    如何在Kubernetes环境下使用第三方监控系统监控Docker容器性能？
    900
  • 10
    如何使用第三方监控系统监控Docker容器性能？
    752

    • 相关课程

    更多
  • Linux Web服务器Nginx搭建与配置
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • Docker完全自学手册图文教程
  • AI开发者的Docker实践
  • Docker 入门

    • 相关电子书

    更多
  • 像搭积木一样玩转Docker的持续交付
  • Vue.js 在前端服务化上的探索与实践
  • Vue.js在前端服务化上的实践与探索

    • 推荐镜像

    更多
  • docker-ce
  • docker-toolbox
    • 下一篇
    阿里云重磅新品：Agent安全中心，全新安全框架下AI Agent一体化防御平台