从零开始-阿里云服务器部署vue项目

配置阿里云服务器

1.登录阿里云购买服务器
网址：https://www.aliyun.com/，找到产品 -> 热门产品 -> 云服务器ECS

2.进入控制台
实例 -> 更换操作系统，我这里换成了centos7.3

3.然后进入安全组并且选中创建的实例

4.在安全组中选中快速添加，并进行如下配置 这样服务器就配置完成了。

配置Linux环境

选择实例 -> 启动 -> 远程连接 -> VNC远程连接 进入Linux界面
默认的Linux界面没有桌面环境，需要自己下载，下载完GNOME后命令行startx进入 每次登陆时都需要先输入用户名，密码，最后再输入startx

下载并配置nginx

1.下载nginx
此处参考 https://segmentfault.com/a/1190000022616666

1.查看系统版本
    lsb_release -a 
  
2.安装nginx依赖库
    yum install openssl
    yum install zlib
    yum install pcre
    
3.安装nginx库
    rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm
        
4、执行安装nginx
    yum install nginx

5、启动服务
    systemctl start nginx

6、查看服务状态
    systemctl status nginx
复制代码

2.配置nginx.conf文件
2.1.找到nginx.conf文件

2.2.点开进行编辑，未开始配置前的nginx.conf文件如下：

2.3.现在需要进行添加配置，完成后点击save保存

配置完后即可在根目录下的var目录下创建www文件，后续就可以将打包好的项目文件放进去了

将项目文件传输到linux当中

首先需要下载Xftp6，在Xftp6中点击新建文件传输

弹出会话窗口，点击新建 在新建会话窗口中填写

名称(随意)
主机(阿里云的公网ip)
账户(登录远程Linux的账户)
密码(登录远程Linux的密码)
复制代码

连接成功后显示如下界面

直接将左侧自己的打包好的vue项目文件(dist文件)拖入到右侧，在将dist文件放入到根目录下的var目录下的www即可。
最后直接访问阿里云的公网ip，就可以看到自己的vue项目页面了。

注意事项

总结了一些容易发生的错误

错误一
在下一次开启服务的时候，直接访问阿里云公网ip 404，原来是没有开启nginx服务。 使用以下命令开启：

    //杀死nginx进程
    killall -9 nginx
    
    //开启服务
    systemctl start nginx
    
    //重新开启nginx的服务
    service nginx restart
    
    //重新加载nginx服务
    nginx -s reload
复制代码