服务器上传vue项目详细步骤（mac）

服务器上传vue项目详细步骤

第一次要将项目部署到服务器上面，关于使用上面服务器，怎么上传都觉得一脸懵逼，本文主要就是简单告诉你怎么简单部署。
1.将vue项目打包
怎么判断是否打包成功，就是点开打包文件夹dist下面的index.html,如果打开页面正常就说明打包成功了。
2.服务器选择
你需要有服务器可以部署，推荐去阿里云买一个，随便一个就行了。我为了便宜，使用的是轻量应用服务器
3.服务器防火墙，加入你项目运行的端口号

4.nginx配置
因为是需要在nginx服务器下面运行，所以需要配置nginx.conf文件
位置：/usr/local/nginx/conf/nginx.conf
主要就是修改运行端口号和后台代理，下面配置意思就是所有以/apio/开始的请求都会转发到后台服务器。

location /apio/ {
            proxy_pass http://47.100.213.205:50082/;
       }

location / {
            root   /dist;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
        #    proxy_pass http://127.0.0.1:3000;
        }

5.上传dist文件夹到服务器下
我是mac直接上传到了根目录，可以自己设置，上传需要密码，所以需要在服务器上设置密码

scp -r /Users/wuxiao/Downloads/前端/Aods/dist root@112.124.111.185:/

scp -r 本地文件夹目录  远程服务器目录

6.打开远程连接，启动nginx服务器

/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf  

关闭

sudo fuser -k 8083/tcp

rm -rf /usr/java              //删除文件夹

7.输入ip加端口号就可以访问你上传的项目了