第一步:下载nginx压缩包 wget -c https://nginx.org/download/nginx-1.10.1.tar.gz 第二步:配置nginx安装所需的环境 1. 安装gcc 安装nginx 需要先将官网下载的源码进行编译,编译依赖 gcc 环境。安装指令:yum install gcc-c++ 2. 安装PCRE pcre-devel Nginx的Rewrite模块和HTTP核心模块会使用到PCRE正则表达式语...
创建符号链接以启用配置文件:sudo ln -s /etc/nginx/sites-available/default /etc/nginx/sites-enabled/ 4.检查 Nginx 配置并重新加载: sudo nginx -t sudo nginx -s reload 5.重新启动vue项目:nohup node server.js & 或者 nohup npm run serve & 以上的两种启动方式存在缺陷,因为如果断开finalshell的会话连...
首先打包vue项目,本文使用oldx-admin-vue 项目地址:https://gitee.com/oldx/oldx-admin-vue.git切换至项目目录,打开终端输入 先npm install安装包之后执行 npm run build 1. 通过上面命令后打包好的静态资源将输出到dist目录中。如图所示 安装nginx 到nginx官方下载系统相关的nginx版本安装 目前最稳定的为: 下载...
1、编译VUE项目 在项目根目录下,执行npm run build,生成dist文件夹 复制dist中的static、index.html到服务器相应位置(自定义) 本文为:/home/xxx/vue_demo 2、nginx下载安装过程: 登陆nginx.org网站,点击右侧download,下载开源稳定版本的nginx,本人下载为nginx-1.16.1 复制地址链接,在root下创建相应的文件夹,如:ng...
1.打开vue项目,执行打包 贴一下我的vue项目地址:https://github.com/luxiancan/... npm run build 结束后进入 dist 文件夹,将所有打包结果选中,打包压缩成dist.zip 2.将打包结果压缩包上传到服务器 scp ./dist.zip root@8.129.38.87:/usr/local/nginx/html ...
本博客是总结本人在linux服务器上将vue项目部署到Nginx上的经历 一.准备好vue项目 1.安装vue环境 2.打包vue项目 进入你项目的文件夹,找到config文件夹下的index.js文件(config/index.js),打开修改里面assetsPublicPath为 ./(注意一定是build里面的,dev中也有这个配置,dev里的不用修改) ...
一、上传文件包 将压缩包dist.zip上传至linux系统下---如/home/server/dist 解压压缩包 二、配置nginx配置文件 与发包人员确定后缀名---...
下面是linux系统(ubuntu)下基于Nginx部署Vue工程的部署步骤。 1、安装Nginx #更新源apt-getupdate#安装nginxapt-get install nginx#查看安装成功后的版本nginx -v#启动nginxserver nginx restart 2、打包vue工程 npm run build 将打包成功后的dist文件上传到服务器上,我的位置是 /home/vue/dist。
1 前端vue项目打包部署: 1.1 vue项目打包 前端项目用vscode进行开发,项目整体目录如下 在config目录下的配置文件中配置好后端服务器的ip地址和端口; 在终端输入npm run build,系统会自动生成一个dist的文件夹,这就是打包后所需的项目文件; 把dist文件夹放在linux服务器上,路径要与nginx配置的路径一致。
Linux部署Vue项目可以通过以下几种方式:1、使用Nginx进行静态文件部署;2、使用Docker进行容器化部署;3、使用PM2进行Node.js环境部署。这些方法各有优缺点,具体选择取决于项目需求和开发者的熟悉程度。 一、使用Nginx进行静态文件部署 Nginx是一种高性能的HTTP服务器和反向代理服务器,非常适合用来部署静态文件。以下是使用...