vue 前端项目部署阿里云服务器

vue 前端项目部署阿里云服务器

    • one 前期准备
    • two 代码打包 扔服务器

one 前期准备

首先两个软件应该下载(Xftp Xshell),如果有其他类似的软件也可以。
vue 前端项目部署阿里云服务器_第1张图片 在这里插入图片描述

  1. 打开xftp,新建一个会话
    vue 前端项目部署阿里云服务器_第2张图片
  2. 登陆成功后,打开默认终端
    vue 前端项目部署阿里云服务器_第3张图片
  3. 输入以下命令
    	 yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && bash install.sh
    

vue 前端项目部署阿里云服务器_第4张图片

  1. 一直到出来这个为止
    vue 前端项目部署阿里云服务器_第5张图片
    然后就可以复制这个网址,进入宝塔面板,如果进不去可以看一下自己阿里云防火墙是否放行当前端口了
    vue 前端项目部署阿里云服务器_第6张图片
  2. 宝塔面板登陆
    输入第四步的用户名,密码vue 前端项目部署阿里云服务器_第7张图片
  3. 登陆成功之后,在软件商店下载一些必要的软件;
    vue 前端项目部署阿里云服务器_第8张图片

two 代码打包 扔服务器

  1. 打包自己的前台项目,将打包好的文件压缩成zip(宝塔上只支持解压zip)
  2. 将打包好的文件放到服务器
    vue 前端项目部署阿里云服务器_第9张图片
    vue 前端项目部署阿里云服务器_第10张图片
  3. 配置nginx ,配置好之后记得重启nginx
    vue 前端项目部署阿里云服务器_第11张图片
    4.ok之后就可以访问自己项目啦 ip端口号/index

你可能感兴趣的:(vue,nginx,服务器)