记录第一次成功将vue项目打包并部署到centos云服务器上并访问(包含多个vue项目部署nginx配置说明)

文章目录

准备
vue项目打包
配置服务器
使用xshell
使用xftp
当项目更新时操作
小结

准备

vscode：用于打包vue项目(需要提前安装好node与npm，推荐使用mvn管理node，此处分享nvm初探)
xshell：用于远程连接云服务器
xftp：用于本地和远程文件传输
centos7服务器(需要提前安装nginx)

vue项目打包

想必你要部署vue项目，npm一定安装好了！终端执行npm run build，需要注意的是，必须是vue-cli项目，通过vue init webpack初始化的项目才行，不然没有打包文件，无法打包。打包完成后，会生成一个dist文件，如图

展开dist文件夹是这样的：

配置服务器

首先，你得有个服务器

记录第一次成功将vue项目打包并部署到centos云服务器上并访问(包含多个vue项目部署nginx配置说明)相关推荐

SpringBoot 部署: 项目打包手动部署到阿里云服务器上
SpringBoot 部署: 项目打包 & 手动部署到阿里云服务器上文章目录 SpringBoot 部署: 项目打包 & 手动部署到阿里云服务器上前言正文 1. 环境准备 &am ...
如何将nodejs项目程序部署到阿里云服务器上
将nodejs项目程序部署到阿里云服务器上一.概述二.具体步骤 1.拥有自己的服务器 2.下载Xshell 3. oneinstack配置web环境 4. XShell连接远程主机 5.更新系统软 ...
使用宝塔搭建环境，以及把自己本地的Web项目通过宝塔发布到远程云服务器上
文章目录使用宝塔搭建环境,以及把自己本地的Web项目通过宝塔发布到远程云服务器上 XSheel连接到远程云服务器之后使用宝塔搭建环境使用宝塔搭建服务器的环境什么是搭建服务器环境 1.安装宝塔 2 ...
将Vue通过nginx部署到阿里云服务器上
一.打包Vue项目在终端输入npm run build,打包完成就会出现一个dist文件夹二.Nginx的配置安装 1.下载安装包选择一个目录,cd /usr/local 输入wget http ...
将项目部署到华为云服务器上
用到的ssh远程软件是 FinalShell 官网直达链接 http://www.hostbuf.com/ 此软件可以上传文件不需要在另外安装上传插件如图 Linux基础命令 # 1.进入文件夹 ...
Django项目部署到阿里云服务器上无法发送邮件STMP
部署好项目之后发送邮件无法发送,多方查阅之后,解决问题. 阿里云服务器禁用了25端口,导致无法发送邮件. 25端口申请开放的难度很大,直接放弃. 解决: 在 django项目的 settings.py ...
vue/react/web前端项目部署到阿里云服务器_nginx_pm2流程及部署前的准备
前端开发完成的项目,不管是使用vue.react.或者是别的web项目,最终都是要部署到外网上,让用户可以通过域名来访问.这篇文章以一个 react 移动端的项目为例,讲怎样将自己本地的项目部署到阿里 ...
保姆级教程——将springboot项目部署到阿里云服务器（小白包会）
保姆级教程--将springboot项目部署到阿里云服务器(小白包会) 前言: 昨天本想着看论文,结果发现找的论文和课题不一致.那干点什么好呢?那就把我的毕业设计(一个springboot项目)部署到 ...
Django项目部署到阿里云服务器及后台常驻
本文将记述如何简单的将自己的Django项目部署到阿里云服务器上. 准备条件: 阿里云服务器:centos 7.5 Nginx(反向代理) Python 3.7.3 Django 2.2+注意:cen ...

记录第一次成功将vue项目打包并部署到centos云服务器上并访问(包含多个vue项目部署nginx配置说明)

文章目录

准备

vue项目打包

配置服务器

记录第一次成功将vue项目打包并部署到centos云服务器上并访问(包含多个vue项目部署nginx配置说明)相关推荐

最新文章

热门文章