user nginx;worker_processes auto;# error_log 输出目录error_log /var/log/nginx/error.log notice;pid /var/run/nginx.pid;events {# 单个工作进程可以允许同时建立外部连接的数量worker_connections 1024;}http {include /etc/nginx/mime.types;default_type application/octet-stream;log_format main '$remote...
1、下载nginx镜像 2、创建容器 3、访问nginx 4、进入nginx容器 ①、发现无法使用vim命令修改配置文件 所有需要进行目录挂载 ②、删除nginx容器 5、将配置文件挂载到容器中 ①、在home目录下新建nginx目录 ②、进入nginx目录,新建conf.d,html,log目录 ③、进入conf.dx,新建default.conf ④、进入html文件夹,导入vue....
docker run -p 80:80 my-nginx # 重新运行容器 这将停止、删除当前运行的容器,然后重新构建并运行新的容器。请确保在更新前端项目后重新构建Docker镜像,以便将最新的文件复制到Nginx的根目录中。总结:通过使用Docker和Nginx,您可以轻松地部署前端项目。通过创建Dockerfile和配置Nginx,您可以自动化部署过程并确保一致的...
无论是本地的dev-api还是线上的prod-api的标识本质上都是解决前后端分离项目的跨域问题,只不过本地使用的vue的proxyTable代理,线上使用的是nginx的代理,手段则是统一的替换标识为真正的后端地址。 四. 结语 至此youlai-mall后端和前端都已部署完毕,线上网址www.youlai.store,目前上线的功能有系统管理模块和OAuth2统...
Docker | Docker+Nginx部署前端项目 1.前言 大家好,我是Leo哥 ,这篇文章中,我们已经学习了如何通过Docker来部署我们SpringBoot项目,那么我们这篇文章教大家如何通过Docker + Nginx + Dockerfile的方式去部署我的前端项目。好了,话不多说让我们开始吧 。
写这篇笔记的主要目的是:后续自己开发完前端项目后,可以自己模拟部署,这样在正式部署时,就不会各种麻烦后端或运维大哥了。万一真出了问题,直接把本地配置丢过去一般就可以了。 一、docker安装nginx镜像 docker pull nginx (可能需要用梯子) 二、编写配置文件nginx.conf ...
最近做了一个前后端分离的通用权限管理系统,今天想用自己的服务器部署下,本地部署测试是没问题的,但是部署在服务器上还是出现了许多小插曲,这里大概记录一下吧。 2、项目打包 2.1 前端项目打包 由于我需要在同一个端口号下使用nginx部署多个前端项目,所以需要额外设置一些东西。
5、启动Nginx服务 三、操作步骤 1、使用Xshell连接服务器 2、上传静态资源文件 3、 配置Nginx 4、 重启Nginx服务 我们在会开发项目的同时,也应该了解一下前端是如何部署项目的; 一、准备环境 1、服务器或者虚拟机(后端已经搭建好的,这里就不讲述如何搭建服务器了) ...
2.1 前端项目打包 由于我需要在同一个端口号下使用nginx部署多个前端项目,所以需要额外设置一些东西。 2.1.1 修改vue.config.js文件 添加如下配置: 2.1.2 router配置中添加base属性 代码语言:javascript 复制 constcreateRouter=()=>newRouter({// mode: 'history', // require service supportscrollBehavior:()=>...