如何将VUE项目部署上线（Nginx 、FileZilla、putty）

1.在本地完成项目的编辑，调试。

2.在项目文件夹下面生成环境的项目文件中   输入命令：npm run build

  生成的项目会产生在 ./dist文件夹中。

3.文件传输采用FileZilla软件传输。将./dist文件夹传送到服务器相应位置，比如在/home/VUE/vue-tt/ 文件夹下。如若传送失败，将上传失败的文件重新传送。

将文件权限更改为下图（父文件夹也需修改）

4.将putty打开，输入IP。若需要经常使用，可在下方命名后按save保存。

5.用户名，密码输入。修改Nginx配置文件。（文件名为nginx.conf，位置在/usr/local/nginx/conf/），使指定端口指向置顶html。listen为监听的端口号，server_name为指向的服务器地址，可以是本机，也可以是局域网的一个IP地址或者域名。

这其中使用linux命令。

ls  为打印当前目录的文件

cd ..  进入上个文件夹

vim ./目录地址  文本读取该文件

i  vim读取情况下插入字符

:q  退出文本vim状态且不保存

:wq  保存并退出文本vim状态

cd跳转目录情况下，编辑目录时，文件名未打全，可用tab键补全

6.进入阿里云，在左侧选择域名进入。

选择Nginx配置文件中的域名类型，点击解析。跳转云解析DNS页面，选择添加记录，并加入域名,ip等内容，保存。

7.重启nginx服务 ./nginx/sbin/nginx -s reload

8.浏览器输入网址，成功。