如何将VUE项目部署上线(Nginx 、FileZilla、putty)
2018-06-23 15:52
2006 查看
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.浏览器输入网址,成功。
相关文章推荐
- 如何部署vue前端项目到服务器上(nginx处理跨域)
- 如何将java web项目上线/部署到公网
- WEB项目如何部署到服务器上线
- 如何将java web项目上线/部署到公网
- 【容器技术】Docker镜像 + nginx 部署Vue项目
- 在nginx上部署vue项目(history模式)的方法
- 如何将java web项目上线/部署到公网
- 如何将java web项目上线/部署到公网
- Docker 通过Nginx镜像部署Vue项目
- 如何将java web项目上线/部署到公网
- nginx部署Vue前端项目
- vue项目打包部署_nginx代理访问方法详解
- vue项目如何使用nginx配置跨域
- 如何将java web项目上线/部署到公网
- 如何将java web项目上线/部署到公网
- vue脚手架做的项目如何放在服务端,vue项目部署到服务器
- nginx + docker 部署react or vue 前端项目(ubuntu16.04)
- vue.js项目nginx部署教程
- vue-cli项目以及普通静态网页如何部署到github pages
- vue项目部署上线遇到的问题及解决方法