美文网首页
vue前端代码部署

vue前端代码部署

作者: 从前慢pearl | 来源:发表于2019-11-04 17:45 被阅读0次

准备:阿里云服务器,ip地址(公),实例的密码,

1,本地连接到远程服务器流程

1)生成密钥,绑定到ip,重启服务器

2)打开Xshell,新建,账号:root,密码:实例的密码。导入密钥直接链接

2,部署流程
https://blog.csdn.net/qq_38177305/article/details/79532023
https://www.jianshu.com/p/03d17156616d

3,访问http://+ip ngnix 出 bug

https://blog.csdn.net/ownfire/article/details/7966645

https://blog.csdn.net/ljfphp/article/details/78670459

https://www.cnblogs.com/iloverain/p/9428630.html

图片.png

4,404 nginx重定向配置
https://blog.csdn.net/weixin_43819222/article/details/89963155

图片.png

5,查看进程端口被占用


图片.png

6,Hexo 部署自己的博客网站
https://www.jianshu.com/p/5776fb872ce7

7,ssl证书(阿里云)上传到服务器
步骤是按照阿里云文档操作的
https://help.aliyun.com/document_detail/98728.html?spm=a2c4g.11174283.6.574.22e46fd4F6U3g9
但是中间遇到几个问题
1)关于 nginx.conf 配置文件修改后。阿里云文档没有说要把#注释符号删除

图片.png
2)关于重启nginx的方法,使用阿里云提供的方法不行
图片.png

我用的方法是:

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

3)阿里云上没有说,443端口需要手动在阿里云后台开启

去检查一下你的服务器的安全组配置,看一下是否加入了443端口的链接,防止后面连接不上。创建的新规则如下图。


图片.png

4)配置完nginx.conf文件后重启nginx服务器,报错

nginx: [emerg] the "ssl" parameter requires ngx_http_ssl_module in /usr/local/nginx/conf/nginx.conf  201

意思是配置文件缺少nginx依赖模块ngx_http_ssl_module
安装ngx_http_ssl_module模块
我的nginx安装目录在:


图片.png

源码在(root根路径下):


图片.png
图片.png

a,进入nginx源码包文件


图片.png
b,查看nginx原有的模块
图片.png
没有任何模块

c,从新配置SSL模块

./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module

配置完成后,运行命令make命令:

make

d,替换已安装好的nginx包
替换之前先备份:

    cp /usr/local/nginx/sbin/nginx /usr/local/nginx/sbin/nginx.bak

先停止nginx服务:

//查询nginx主进程号
$ ps -ef | grep nginx

//从容停止Nginx:
$kill -QUIT 主进程号

//快速停止Nginx:
kill -TERM 主进程号

//强制停止Nginx:
pkill -9 nginx

e,将刚刚编译好的nginx覆盖掉原有的nginx

    cp ./objs/nginx /usr/local/nginx/sbin/
图片.png
图片.png

总结重启ngnix的方法:
查看进程占用:ps -ef | grep nginx
杀死进程: kill 8899
启动nginx: /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

5),配置完后,访问https对应的网页,出现nginx页面,不是上传到服务器的网站
原因:
配置nginx.conf 文件的时候,漏掉了默认跳转到网站
需要以下配置,location指向前端源代码目录


图片.png

然后重新启动nginx

相关文章

网友评论

      本文标题:vue前端代码部署

      本文链接:https://www.haomeiwen.com/subject/bhqdvctx.html