如何将VUE项目部署上线(Nginx 、FileZilla、putty)
1.在本地完成项目的编辑,调试。2.在项目文件夹下面生成环境的项目文件中 输入命令:npm run build 生成的项目会产生在 ./dist文件夹中。3.文件传输采用FileZilla软件传输。将./dist文件夹传送到服务器相应位置,比如在/home/VUE/vue-tt/ 文件夹下。4.将putty打开,输入IP。若需要经常使用,可在下方命名save。5.用户名,密码输入。修改Ngi
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.浏览器输入网址,成功。
更多推荐
所有评论(0)