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

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

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


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

default.conf配置错误配置1

default.conf配置错误配置2

正确配置

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


本文完!!

文章标签：
JavaScript
容器
应用服务中间件
Docker
nginx
怒放de生命
目录
相关文章
javaercn
|
11月前
|
应用服务中间件 网络安全 nginx
手把手教你使用 Docker 部署 Nginx 教程
本文详解Nginx核心功能与Docker部署优势，涵盖镜像拉取、容器化部署（快速、挂载、Compose）、HTTPS配置及常见问题处理，助力高效搭建稳定Web服务。
javaercn
4394 4
游客e5t4h2fblkshy
|
关系型数据库 应用服务中间件 nginx
Docker一键安装中间件(RocketMq、Nginx、MySql、Minio、Jenkins、Redis）
本系列脚本提供RocketMQ、Nginx、MySQL、MinIO、Jenkins和Redis的Docker一键安装与配置方案，适用于快速部署微服务基础环境。
游客e5t4h2fblkshy
1333 5
飞询聊AI
|
12月前
|
关系型数据库 数据库 PostgreSQL
docker 安装 Postgres 17.6
本文介绍如何通过Docker安装和配置PostgreSQL 17.6。内容包括拉取镜像、导出配置文件、运行容器并挂载数据与配置文件目录，以及进入容器使用psql操作数据库的完整步骤，便于持久化管理和自定义配置。
飞询聊AI
1784 3
docker 安装 Postgres 17.6
蓝易云
|
11月前
|
应用服务中间件 Linux nginx
在虚拟机Docker环境下部署Nginx的步骤。
以上就是在Docker环境下部署Nginx的步骤。需要注意，Docker和Nginix都有很多高级用法和细节需要掌握，以上只是一个基础入门级别的教程。如果你想要更深入地学习和使用它们，请参考官方文档或者其他专业书籍。
蓝易云
497 5
凉凉心.
|
11月前
|
NoSQL 算法 Redis
【Docker】（3）学习Docker中 镜像与容器数据卷、映射关系！手把手带你安装 MySql主从同步 和 Redis三主三从集群！并且进行主从切换与扩容操作，还有分析 哈希分区 等知识点！
Union文件系统（UnionFS）是一种**分层、轻量级并且高性能的文件系统**，它支持对文件系统的修改作为一次提交来一层层的叠加，同时可以将不同目录挂载到同一个虚拟文件系统下(unite several directories into a single virtual filesystem) Union 文件系统是 Docker 镜像的基础。 镜像可以通过分层来进行继承，基于基础镜像（没有父镜像），可以制作各种具体的应用镜像。
凉凉心.
1015 6
凉凉心.
|
11月前
|
Java Linux 虚拟化
【Docker】（1）Docker的概述与架构，手把手带你安装Docker，云原生路上不可缺少的一门技术！
1. Docker简介 1.1 Docker是什么 为什么docker会出现？ 假定您在开发一款平台项目，您的开发环境具有特定的配置。其他开发人员身处的环境配置也各有不同。 您正在开发的应用依赖于您当前的配置且还要依赖于某些配置文件。 您的企业还拥有标准化的测试和生产环境，且具有自身的配置和一系列支持文件。 **要求：**希望尽可能多在本地模拟这些环境而不产生重新创建服务器环境的开销 问题： 要如何确保应用能够在这些环境中运行和通过质量检测？ 在部署过程中不出现令人头疼的版本、配置问题 无需重新编写代码和进行故障修复
凉凉心.
828 2
微wx笑
|
应用服务中间件 PHP nginx
开启Nginx的目录文件列表功能
nginx默认是不允许列出整个目录的。如何开启Nginx的目录文件列表功能？打开nginx.conf文件，在location server 或 http段中加入 autoindex on;另外两个参数最好也加上去:autoindex_exact_size on;显示出文件的确切大小，单位是bytes。
微wx笑
1928 0
像教授
|
应用服务中间件 nginx
开启nginx目录文件列表显示功能
像教授
2697 0
double2li
|
应用服务中间件 nginx
开启Nginx的目录文件列表功能
ngx_http_autoindex_module  此模块用于自动生成目录列表，ngx_http_autoindex_module只在 ngx_http_index_module模块未找到索引文件时发出请求. nginx默认是不允许列出整个目录的。
double2li
1500 0

热门文章

最新文章

  • 1
    vue仿微信界面聊天室项目|vue聊天案例
  • 2
    从0到1带你搭建一个vue3.0项目(vue-cli脚手架版）
  • 3
    Vue 3 常见面试题汇总
  • 4
    vue2—子页面调用父页面属性或方法
  • 5
    省市区数据树形结构构建及其前端(级联选择器)展示【java+vue】
  • 6
    vue中怎么快速切换到各种环境，超级实用版
  • 7
    vue遍历数组对象中的数组集合（Demo案例）
  • 8
    Vue3与Vue2：对比分析与迁移指南
  • 9
    el-option样式改变以及多个el-option无法并列问题详解(element-plus+Vue3)
  • 10
    win10使用最新的vuecli4.x创建vue项目
  • 1
    基于 Cloudflare Workers 构建高性能知识库镜像服务：反向代理与 HTML 动态重写实践
    1549
  • 2
    C#编程实践：解析HTML文档并执行元素匹配
    466
  • 3
    响应式企业网站源码JavaL/PHP带后台管理​：Bootstrap HTML5模板
    1463
  • 4
    精选HTML、JavaScript、ASP代码片段集锦
    477
  • 5
    HTML表单验证：确认input元素输入为具有特定整数和小数位数的数值。
    803
  • 6
    阻止HTML input元素（type='number'）中输入字母'e'的方法。
    486
  • 7
    仿真银行app下载安装， 银行卡虚拟余额制作app，用html+css+js实现逼真娱乐工具
    3491
  • 8
    Vue 项目中动态添加 HTML 元素的方法与实践
    680
  • 9
    Vue 动态添加 HTML 元素组件封装使用方法及长尾关键词优化指南
    400
  • 10
    Vue 动态添加 HTML 元素组件封装使用方法及长尾关键词优化指南
    437

    • 相关课程

    更多
  • 基于Docker与Jenkins实现自动化部署
  • Docker 快速入门
  • Vue.js 入门与实战
  • Docker完全自学手册图文教程
  • AI开发者的Docker实践
  • Docker 入门

    • 相关电子书

    更多
  • 应用 Docker 进行持续交付：用技术改变交付路程
  • 从Docker到容器服务
  • Docker@Alibaba——超大规模Docker化的实战经验

    • 推荐镜像

    更多
  • docker-ce
  • docker-toolbox
    • 下一篇
    一条命令迁移，帮你实现 OpenClaw 与 Hermes Agent 记忆互通！