yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel ``` ### 2.下载nginx > 首先进入/usr/local目录 ``` # 下载nginx nginx-1.24.0压缩包 wget -c http://nginx.org/download/nginx-1.24.0.tar.gz ``` ### 3.解压 > tar -xvf 可以解压tar.xz后缀的压缩文件 > tar -zxvf ...
4. conf配置文件的启动 在实际当中服务器中可能有多个vue前端项目,此时我们只要单独修该conf文件即可,一个前端项目对应的一个conf文件。 conf启动命令符如下: 启动项目指定配置文件 cd /usr/local/nginx/sbin/ ./nginx -c conf/nginx_hwfm.conf 查看启动进程: ps -ef|grep nginx_hwfm 杀掉进程: kill -9 ...
根据自己的项目合理配置即可
测试nginx镜像通过浏览器进行访问(端口要记得做映射)上面我设置的端口是80 7、开始部署自己的项目 7.1、开始将自己的vue前端项目打包到dist目录 pnpm build 7.2、在本地创建一个Dockerfile FROM nginx:latest# 将项目根目录下dist文件夹下的所有文件复制到镜像中 /usr/share/nginx/html/ 目录下COPY dist/ /usr/sh...
相对来说前端的部署没有遇到太多问题,所以我们先从前端开始 2.1 Vue 由于我使用了Vue-cli,所以项目完成后通过执行命令 npm run build 程序就会自动打包到项目目录下的 dist 文件夹,打包后的目录结构如下: 之后通过Xftp将这个文件夹上传至云服务器上,之前我已经新建了一个文件夹来存放,因为我们还可能有其他项目,并且...
image 将dist.tar.gz上传到linux服务器(nginx相关目录) image 使用该命令进行解压操作 tar -zxvf dist.tar.gz 删除nginx的html文件夹 rm -rf html 移动dist文件夹到html文件夹 mv dist html 运行mall-admin服务 docker start mall-admin 重启nginx docker restart nginx ...
1. 你已经在本地开发环境中创建和测试了 Vue 前端项目。 2. 你已经在 Linux 服务器上安装了 Nginx,并且服务器和网络设置正确。 实践步骤 1. 构建 Vue 项目 使用Vue CLI 或其他构建工具,在本地构建 Vue 项目的生产版本。这将生成一个包含静态文件的 dist 目录。然后将 dist目录 打包成 dist.zip 准备上传到...
Linux部署vue前端+Springboot后端项目 简介 记录手动部署前端,后端的过程和一些坑。 前端部署 前端项目使用Umi打包 部署参考了:Ant Design 选择了前后端分离部署,即使用nginx服务器。 安装nginx yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel wget -c https://nginx.org/download/nginx-1.11...
1. 本地开发环境中已创建并测试了Vue前端项目。2. Linux服务器已安装Nginx，并确保服务器和网络设置正确。实践步骤：1. 构建 Vue 项目 使用Vue CLI或其他构建工具，在本地构建Vue项目的生产版本，生成包含静态文件的dist目录，并将dist目录打包成dist.zip文件准备上传到服务器。2. 上传静态文件到服务器...
若依vue项目不用nginx前端部署 linux 不用vuex会带来什么问题,vuex是什么?怎么使用?哪种功能场景使用它Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。简单来说就是: