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

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

2023-12-29 88
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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
关键词：
Docker安装
Docker项目
Nginx文件
安装Nginx
Nginx安装
怒放de生命
目录
相关文章
码农阿豪
|
26天前
|
应用服务中间件 测试技术 API
nginx文件夹内文件解释＜一＞
nginx文件夹内文件解释＜一＞
码农阿豪
17 1
爱你三千遍斯塔克
|
23天前
|
前端开发 JavaScript
文本，wangEditor5展示HTML无样式，wangEditor5如何看源码，Ctrl + U看CSS文件，代码高亮，Prism.js可以实现，解决方法，参考网页源代码的写法
文本，wangEditor5展示HTML无样式，wangEditor5如何看源码，Ctrl + U看CSS文件，代码高亮，Prism.js可以实现，解决方法，参考网页源代码的写法
爱你三千遍斯塔克
32 4
码农阿豪
|
26天前
|
存储 网络协议 应用服务中间件
nginx文件夹内文件解释＜六＞
nginx文件夹内文件解释＜六＞
码农阿豪
15 3
码农阿豪
|
26天前
|
JSON 前端开发 应用服务中间件
nginx文件夹内文件解释＜五＞
nginx文件夹内文件解释＜五＞
码农阿豪
18 3
码农阿豪
|
26天前
|
应用服务中间件 nginx
nginx文件夹内文件解释＜四＞
nginx文件夹内文件解释＜四＞
码农阿豪
17 3
码农阿豪
|
26天前
|
应用服务中间件 nginx Ruby
nginx文件夹内文件解释＜七＞
nginx文件夹内文件解释＜七＞
码农阿豪
15 2
码农阿豪
|
26天前
|
应用服务中间件 nginx
nginx文件夹内文件解释＜三＞
nginx文件夹内文件解释＜三＞
码农阿豪
11 1
sumith
|
1月前
|
JavaScript 前端开发 API
探讨JavaScript动态添加HTML文件的技术
探讨JavaScript动态添加HTML文件的技术
sumith
21 1
疯狂的猿
|
20天前
|
编解码
WordPress页面文件添加html后缀名
wordpress 页面默认不能实现伪静态链接，手动在链接中添加 “.html” ，会自动转码为 “-html” ，但万能的 WordPress，你能想到的功能都会有相应的插件帮你实现。
疯狂的猿
14 0
爱你三千遍斯塔克
|
21天前
|
缓存 应用服务中间件 开发工具
Ngnix配置文件nginx.conf的文件结构
Ngnix配置文件nginx.conf的文件结构
爱你三千遍斯塔克
40 0

热门文章

最新文章

  • 1
    nginx $remote_addr 详解
  • 2
    centos7里nginx访问vsftp目录
  • 3
    shell 之 lnmp(nginx-1.0.5+php-fpm5.3.6+mysql)安装脚本
  • 4
    Nginx服务的ssl认证和htpasswd认证
  • 5
    nginx rewrite 指令last break区别
  • 6
    nginx安装和配置实例
  • 7
    使用hta操作nginx停止、重启
  • 8
    nginx中location配置
  • 9
    Nginx实用指南V1 (连载之一：Nginx简介)
  • 10
    nginx日志切割shell脚本
  • 1
    Vue中的数据变化监控与响应——深入理解Watchers
    72
  • 2
    vue3+threejs+koa可视化项目——模型文件上传(第四步)
    64
  • 3
    vue3+threejs+koa可视化项目——实现登录注册（第三步）
    182
  • 4
    vue3+threejs可视化项目——搭建vue3+ts+antd路由布局（第一步）
    67
  • 5
    Vue 项目中的权限管理：让页面也学会说“你无权访问！
    146
  • 6
    【vue】iview如何把input输入框和点击输入框之后的边框去掉
    73
  • 7
    【vue实战】父子组件互相传值
    27
  • 8
    vue2_引入Ant design vue
    66
  • 9
    【Vue】绝了！这生命周期流程真...
    23
  • 10
    【vue】框架搭建
    21

    • 相关课程

    更多
  • Vue.js完全自学手册图文教程
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS
  • AI开发者的Docker实践
  • Docker 入门

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • 天猫HTML5互动技术实践
  • Vue.js在前端服务化上的实践与探索

    • 相关实验场景

    更多
  • Docker Compose部署案例
  • Docker Compose入门
  • Html5和Webpack3：Webpack5的常见用法
  • Html5和Webpack2：Webpack5打包JS和样式表
  • Html5和Webpack1：Webpack5打包工具介绍
  • 前端开发基础6：Node.js和LESS预编译工具

    • 推荐镜像

    更多
  • docker-ce
  • docker-toolbox
  • alpine
    • 下一篇
    通义千问API入门教程