项目如何发布上线

75 阅读2分钟

一.项目上线基础操作和下载

腾讯云官网

xshell和xftp官网

1. 首先vue项目的文件夹要执行完npm run build后生成的dist文件下的内容(dist如下)

2. 腾讯云官网去登录(右上角)手机扫码到首页再到云产品(左上角)中轻量应用服务器点击进去再到右上角箭头会有实名认证成功回到首页重置密码,再重新登录,登录成功到左上角会有腾讯云服务器ip

3. 下载xshell的流程是在所有下载(家庭与学生免费)点击,有必填项并且选择两者,发送到邮箱直接下载安装

image.png

image.png

1.因为window本身的命令系统不够强大,他需要接触外力,类似Xshell这样的脚本对linux服务器进行操控,但是像mac电脑就不需要,因为mac本身是unix,他大部分的命令和linux是一样的,所以现在大部分有钱的公司的员工都是发的mac笔记本。 2.做文件上传,可以把我们本地的文件传输到linux服务器上。

二.xshell的常用指令

打开xshell点击文件新建需要输入主机,账号和密码进入成功

命令作用
ls展示当前文件下所有文件
pwd当前路径
mkdi ...(随机命名)创建随机文件夹
cd ...(随机命名)进入到随机命名文件夹
touch ...(随机命名)创建一个随机的文件

 三.发布前步骤前置流程

1.上述完成安装四个依赖

yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel

2.连接nginx服务器在root目录下,nginx需要发布到/usr/local文件夹中

3./root目录和/usr是同级目录 cd ../user/local

4.mkdir nginx创建一个文件夹

5.cd nginx

6.安装tar包

    wget http://nginx.org/download/nginx-1.13.7.tar.gz
    tar -xvf nginx-1.13.7.tar.gz

7.进入nginx目录

    cd /usr/local/nginx

8.进入目录

    cd nginx-1.13.7

9.执行命令 考虑到后续安装ssl证书,添加两个模块

    ./configure --with-http_stub_status_module --with-http_ssl_module

10.执行make命令

    make

11.执行make install命令

    make install 

12.cd ../可以退到nginx目录中

13.cd sbin进入sbin

14../nginx

15.再到Xftp新建文件输入主机、用户名和密码并连接

16.Xftp连接成功点击进入/user到/local再到nginx里面会有html打开,再到左面找dist文件,将dist目录下的所有文件拖到html中,拖拽成功刷新

打包成功将服务器ip复制到地址栏正确显示页面说明上线成功