前言，今天用docker安装的nginx部署vue项目，首先宿主机挂载了html，在html建了个smss的文件加，寻思这里面放vue项目build的dist文件，浏览器想通过http://ip/smss访问。结果出错。
default.conf配置错误配置1
default.conf配置错误配置2
正确配置
大功告成，这样我也可以同时部署多个前端项目了，只要根据html的文件区分名字即可。
docker安装的nginx放在html文件下的vue项目404解决
2022-10-14
517
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
docker安装的nginx放在html文件下的vue项目404解决
目录
相关文章
|
5月前
|
Ubuntu
网络协议
应用服务中间件
在 Ubuntu 上安装 Nginx
在 Ubuntu 上安装和配置 Nginx 非常简单。首先更新系统包，然后通过 `apt` 安装 Nginx，检查服务状态并配置防火墙规则。访问服务器 IP 测试是否成功显示默认页面。还可管理服务、创建虚拟主机及排查常见问题，适合新手快速上手部署高性能 Web 服务。
656
0
0
|
4月前
|
安全
应用服务中间件
Linux
Debian操作系统如何安装Nginx并开启HTTP2
本指南介绍了在Linux系统中通过源码编译安装Nginx的完整流程。首先更新软件包列表并安装必要的编译依赖，接着下载指定版本的Nginx源码包（如1.24.0），检查文件完整性后解压。随后通过配置脚本指定安装路径与模块（如HTTP SSL模块），执行编译和安装命令。最后创建软链接以便全局调用，并提供启动、停止及重载Nginx的命令，同时提醒注意安全组设置以确保正常访问。
318
25
25
|
4月前
|
存储
前端开发
JavaScript
仿真银行app下载安装， 银行卡虚拟余额制作app，用html+css+js实现逼真娱乐工具
这是一个简单的银行账户模拟器项目，用于学习前端开发基础。用户可进行存款、取款操作，所有数据存储于浏览器内存中
1540
4
4
|
9月前
|
前端开发
应用服务中间件
nginx
docker安装nginx，前端项目运行
通过上述步骤，你可以轻松地在Docker中部署Nginx并运行前端项目。这种方法不仅简化了部署流程，还确保了环境的一致性，提高了开发和运维的效率。确保按步骤操作，并根据项目的具体需求进行相应的配置调整。
821
25
26
|
11月前
|
应用服务中间件
网络安全
nginx
轻松上手Nginx Proxy Manager：安装、配置与实战
Nginx Proxy Manager (NPM) 是一款基于 Nginx 的反向代理管理工具，提供直观的 Web 界面，方便用户配置和管理反向代理、SSL 证书等。本文档介绍了 NPM 的安装步骤，包括 Docker 和 Docker Compose 的安装、Docker Compose 文件的创建与配置、启动服务、访问 Web 管理界面、基本使用方法以及如何申请和配置 SSL 证书，帮助用户快速上手 NPM。
7873
1
1
|
应用服务中间件
Linux
nginx
|
JavaScript
前端开发
应用服务中间件
vue前端开发中，通过vue.config.js配置和nginx配置，实现多个入口文件的实现方法
vue前端开发中，通过vue.config.js配置和nginx配置，实现多个入口文件的实现方法
640
0
0
|
JavaScript
前端开发
Vue入门(1)——简介与安装
本章节大部分内容均摘自官方文档，目前使用的Vue版本为v2.5.17建议参考官方文档，更为详细。写本篇文章，只是为完善【Vue入门】系列，此外，关于如何使用vue-cli3.0搭建一个新项目，以及如何将vue-cli2.0构建的项目升级到vue-cli3.0,可以参考Vue-cli 3.0搭建Vue项目
vue.js是什么
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。
1853
0
0
|
1月前
|
JavaScript
Vue中如何实现兄弟组件之间的通信
在Vue中，兄弟组件可通过父组件中转、事件总线、Vuex/Pinia或provide/inject实现通信。小型项目推荐父组件中转或事件总线，大型项目建议使用Pinia等状态管理工具，确保数据流清晰可控，避免内存泄漏。
220
2
2
|
4月前
|
人工智能
JavaScript
算法
热门文章
最新文章
1
基于 Cloudflare Workers 构建高性能知识库镜像服务：反向代理与 HTML 动态重写实践
2
C#编程实践：解析HTML文档并执行元素匹配
3
🚀 RAGFlow Docker 部署全流程教程
4
n8n Docker 部署手册
5
如何在Docker容器中监控和管理应用程序的性能？
6
手把手教你用 Docker 部署 Redis
7
如何在Kubernetes环境下使用第三方监控系统监控Docker容器性能？
8
如何使用第三方监控系统监控Docker容器性能？
9
还没搞懂Docker? Docker容器技术实战指南 ! 从入门到企业级应用 !
10
【Docker】（2）还在浏览网页寻找Docker命令？本文全面列举与使用Docker里的各个命令！想要什么命令直接从本文拿！
1
Vue 中 key 属性的深入解析：改变 key 导致组件销毁与重建
650
2
用组件懒加载优化Vue应用性能
300
3
Vue 表情包输入组件实现代码及详细开发流程解析
234
4
Vue 自定义进度条组件封装及使用方法详解
409
5
如何高效实现 vue 文件批量下载及相关操作技巧
394
6
Vue 项目中如何自定义实用的进度条组件
165
7
Vue框架中常见指令的应用概述。
82
8
Vue 文件批量下载组件封装完整使用方法及优化方案解析
365
9
Vue 表情包输入组件的实现代码：支持自定义表情库、快捷键发送和输入框联动的聊天表情解决方案
371
10
Vue 手风琴实现的三种常用方式及长尾关键词解析
209