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

简介: 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的文件区分名字即可。


相关文章
|
2天前
|
应用服务中间件 Linux 网络安全
CentOS 7 上安装 Nginx
在 CentOS 7 上安装 Nginx 的步骤包括:添加 EPEL 仓库,安装 Nginx,启动 Nginx,配置防火墙规则,最后通过访问服务器 IP 验证安装是否成功
|
5天前
|
前端开发 应用服务中间件 nginx
网页设计,若依项目修改(It must be done)01----若依打包位置,nginx代理前端静态资源和后端接口,就是怎样设置转载,访问固定端口,让他访问其他资料的配置文件,访问/,给你那些
网页设计,若依项目修改(It must be done)01----若依打包位置,nginx代理前端静态资源和后端接口,就是怎样设置转载,访问固定端口,让他访问其他资料的配置文件,访问/,给你那些
|
5天前
|
应用服务中间件 Linux 网络安全
nginx安装的详细教程(包括命令行安装和编译安装)
nginx安装的详细教程(包括命令行安装和编译安装)
|
7天前
|
存储 网络协议 应用服务中间件
nginx文件夹内文件解释<六>
nginx文件夹内文件解释<六>
9 3
|
7天前
|
JSON 前端开发 应用服务中间件
nginx文件夹内文件解释<五>
nginx文件夹内文件解释<五>
14 3
|
7天前
|
应用服务中间件 nginx
nginx文件夹内文件解释<四>
nginx文件夹内文件解释<四>
13 3
|
7天前
|
应用服务中间件 nginx Ruby
nginx文件夹内文件解释<七>
nginx文件夹内文件解释<七>
11 2
|
3天前
|
缓存 应用服务中间件 开发工具
Ngnix配置文件nginx.conf的文件结构
Ngnix配置文件nginx.conf的文件结构
|
3天前
|
前端开发 应用服务中间件 nginx
安装Windows版nginx以及部署前端代码并就解决刷新出现404
安装Windows版nginx以及部署前端代码并就解决刷新出现404
8 0
|
3天前
|
应用服务中间件 nginx
Ngnix07---通过yum安装Ngnix下 whereis ngnix可以查看Ngnix相关的一些目录,使用./nginx -y可以查看Ngnix版本及相关配置信息,使用 more CHANGES
Ngnix07---通过yum安装Ngnix下 whereis ngnix可以查看Ngnix相关的一些目录,使用./nginx -y可以查看Ngnix版本及相关配置信息,使用 more CHANGES