前端项目部署到服务器
1.准备工具
服务器：阿里云 腾讯云 华为云都可以 我这里使用的是阿里云ECS共享型(推荐)
xshell：用于远程连接服务器，修改配置文件
xftp：用于连接远程服务器，将本地资源上传到远程服务器
2.服务器设置
1.第一次需重置实例密码
2.配置安全组规则
开启常用的端口
22必须要开 80是默认访问端口也打开
3.使用Xshell连接服务器
打开Xshell新建连接，名称自己起一个，主机写自己服务器的公网地址，协议不需要更改。端口选择22(默认的，所以刚刚需要开启22端口)
点击连接
输入用户名root 密码是自己设置的密码
4.使用xftp将dist文件上传到服务器
一样 新建会话 输入账号密码连接服务器
进入下面的画面，左侧是本地的，右侧就是服务器的空间，可以在服务器的root文件夹下新建文件，将dist文件拷贝过去。拷贝完成之后就可以退出xftp了
4.这个时候访问主机会提示网络错误，因为此时我们的主机相当于还只是一个电脑，需要安装nginx代理服务器
回到xshell面板 输入 yum install nginx 安装nginx服务器
linux常用指令：cd进入文件夹 /表示根目录 ls显示当前目录下所有文件 cd ../退回上一层目录
linux中 蓝色的表示文件夹 白色的表示文件 vim xxx可以进入编辑文件
安装完成后 输入cd /进入根目录，nginx默认被安装到了根目录的etc文件下
cd etc 里面有nginx文件夹
cd nginx进入nginx文件夹
找到nginx.conf 是nginx的配置文件
vim nginx.conf编辑nginx的配置文件
修改user为root
在server中可以指定端口号文件路径，listen表示监听的端口号，默认是80 我们可以自己修改
root是访问改主机的这个端口的时候，会到哪个根目录下去找资源，这里就是将我们的dis文件的目录放进来就可以了。
index是在root指定的目录下去找哪个文件
修改完成之后保存退出 重启一下nginx服务器即可
nginx启动命令：nginx
nginx停止命令：nginx -s stop
vim用到的命令：q!不修改退出 wq保存退出
如果用到了代理已经history模式的话 还需要再location中去配置，这里暂时没有用到 后面会补充
前端项目部署到服务器相关推荐
- jq写的项目如何部署到静态服务器_如何把前端项目部署到服务器
用bash连接服务器,就相当于借助一个工具,比如QQ来控制另外一台电脑. 需要连接的ip,连接的用户名,连接的密码. 我购买了阿里云的服务器,密码是@Ly+终结南下的日子 这里面有很多的知识点. 需要 ...
- vue/react/web前端项目部署到阿里云服务器_nginx_pm2流程及部署前的准备
前端开发完成的项目,不管是使用vue.react.或者是别的web项目,最终都是要部署到外网上,让用户可以通过域名来访问.这篇文章以一个 react 移动端的项目为例,讲怎样将自己本地的项目部署到阿里 ...
- vue 前端项目部署阿里云服务器
vue 前端项目部署阿里云服务器 one 前期准备 two 代码打包 扔服务器 one 前期准备 首先两个软件应该下载(Xftp Xshell),如果有其他类似的软件也可以. 打开xftp,新建一个会 ...
- 基于sentry的前端错误监控日志系统(部署sentry服务器/前端项目部署)-让前端最快的定位到生产问题
基于sentry的前端错误监控日志系统(部署sentry服务器/前端项目部署)-让前端最快的定位到生产问题 背景 在这越来越发达的网络时代,web应用也是越来越复杂,尤其是前端的开发,也是越来越受重视 ...
- 前后端分离项目部署（服务器或本地）
文章目录 前后端分离项目部署(服务器或本地) 前端部署(以vue项目为例) 后端部署(以Springboot项目为例) 补充 前后端分离项目部署(服务器或本地) 前端部署(以vue项目为例) 部署环境 ...
- 如何将本地python项目部署到服务器上_如何将本地的Django项目部署到云服务器
如何将本地的Django项目部署到云服务器 开发环境 开发语言: Python 后台框架:Django 前端框架:bootstrap web服务器:nginx wsgi服务器:uwsgi 查看本地项目 ...
- Jenkin前端项目部署----远程服务
jenkin前端项目部署----远程服务 Publish Over SSH(Jenkins插件).linux服务器的nginx配置.存放位置 文章目录 jenkin前端项目部署----远程服务 前言 ...
- vue框架项目部署到服务器_在浏览器中在线尝试无服务器框架项目！
vue框架项目部署到服务器 无服务器框架是无服务器工具的一致领导者. 但是,没有简单的方法可以在线试用无服务器框架项目. 您确实需要一个体面的开发人员设置,并且需要一些工作来设置sls , npm等. ...
- java linux 服务_java项目部署Linux服务器几种启动方式总结经验
一:两种部署包: 部署之前先说下两种包,java项目部署到服务器一般有用war包的,也有用jar包的,微服务spring-cloud普及后大部分打包都是jar,部署之前先搞清楚自己要打war包还是ja ...
- 如何将项目部署到服务器：从选择服务器到维护应用程序的全流程指南
将项目部署到服务器是一个重要的技能,对于开发人员来说,它是必不可少的.在本文中,我将介绍一些关于如何将项目部署到服务器的最佳实践. 一.选择服务器 在部署项目之前,你需要先选择一个适合你的服务器.如果 ...
最新文章
- 一文盘点深度学习13个常见问题（附详细解答amp;学习资源）
- jbpm hibernate.cfg.xml 连接mysql配置_JBPM的jbpm.hibernate.cfg.xml有关配置
- python函数可选参数传递_Python中函数的参数传递
- 策略模式优化过多的IF ELSE
- ios/android代码生成FLASH可用的actionscript代码（*.ane）
- hadoop家族的各个成员
- emacs python debug_我常用的 Python 调试工具 - 博客 - 伯乐在线
- 4.Model Validation
- asp连接mysql oledb_provider=microsoft.jet.oledb……数据库连接方法的疑惑？
- 湖南大学计算机学院张柏杨,王树林-湖大信息科学与工程学院
- 基于浏览器的3D网页游戏JavaScript 3D游戏引擎介绍
- 苹果13可以用无线充电宝吗？苹果专用无线充电宝推荐
- 移动硬盘不在计算机显示,移动硬盘在电脑上不显示怎么办
- 小米11的root过程记录
- 怎样快速将方形图片剪裁成椭圆形？分享大家一个小妙招
- JavaSE数组基础练习题
- php 超炫 页面,dedecms织梦后台模板,超炫界面风格
- Qt常用的模板函数说明
- final可以修饰些什么
- 易语言连接mysql学习_[易语言]连接MYSQL数据库学习