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 ...
需要修改以下四处,当然,你自己会的话随意,不会的话按我的来 需要注意的是dist文件夹尽量放在根目录下自己建的文件夹里,不要放在root里,可能会涉及权限问题,导致前端报错403 注:如果抓包发现请求返回html页面,不是正常返回响应,说明你不是幸运儿,你需要正常写请求转发的配置文件,看文末 4、启动nginx cd/usr/local...
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...
相对来说前端的部署没有遇到太多问题,所以我们先从前端开始 2.1 Vue 由于我使用了Vue-cli,所以项目完成后通过执行命令 npm run build 程序就会自动打包到项目目录下的 dist 文件夹,打包后的目录结构如下: 之后通过Xftp将这个文件夹上传至云服务器上,之前我已经新建了一个文件夹来存放,因为我们还可能有其他项目,并且...
一. vue前端项目打包 使用vscode开发项目 在config目录下的prod.env.js文件当中配置我们后端服务器的IP地址和端口号,因为这是在实际的部署当中所以必须要在生成环境下进行项目的部署。 如图所示: prod.env.js 在config目录下的index.js文件当中要改assetsPublicPath: ‘./’ 否则不能正确载入静态文件 ...
修改prod.env.js文件的配置 image 使用命令进行打包 npm run build image 打包后的代码位置 image 将dist目录打包为dist.tar.gz文件 image 将dist.tar.gz上传到linux服务器(nginx相关目录) image 使用该命令进行解压操作 tar -zxvf dist.tar.gz 删除nginx的html文件夹 ...
7、开始部署自己的项目 7.1、开始将自己的vue前端项目打包到dist目录 pnpm build 7.2、在本地创建一个Dockerfile FROM nginx:latest# 将项目根目录下dist文件夹下的所有文件复制到镜像中 /usr/share/nginx/html/ 目录下COPY dist/ /usr/share/nginx/html/COPY default.conf /etc/nginx/conf.d/default.conf ...
1. 你已经在本地开发环境中创建和测试了 Vue 前端项目。 2. 你已经在 Linux 服务器上安装了 Nginx,并且服务器和网络设置正确。 实践步骤 1. 构建 Vue 项目 使用Vue CLI 或其他构建工具,在本地构建 Vue 项目的生产版本。这将生成一个包含静态文件的 dist 目录。然后将 dist目录 打包成 dist.zip 准备上传到...
1. 本地开发环境中已创建并测试了Vue前端项目。2. Linux服务器已安装Nginx，并确保服务器和网络设置正确。实践步骤：1. 构建 Vue 项目 使用Vue CLI或其他构建工具，在本地构建Vue项目的生产版本，生成包含静态文件的dist目录，并将dist目录打包成dist.zip文件准备上传到服务器。2. 上传静态文件到服务器...
若依vue项目不用nginx前端部署 linux 不用vuex会带来什么问题,vuex是什么?怎么使用?哪种功能场景使用它Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。简单来说就是: