vue - blog开发学7

将基本的项目部署到linux上（前后台只是实现了基本的功能，本次只是记录一些基本的开发流程，完善，等后续）

1、linux环境准备（我用的是阿里云服务器）

　　①jre、mysql，Nginx基本上这些就可以了

　　安装jdk：

//事先下载好的jdk-8u211-linux-x64.rpm
rpm -ivh jdk-8u211-linux-x64.rpm

出现这个就代表已经完成

[root@nxz ~]# java -version
java version "1.8.0_211"
Java(TM) SE Runtime Environment (build 1.8.0_211-b12)
Java HotSpot(TM) 64-Bit Server VM (build 25.211-b12, mixed mode)

安装mysql：

 //事先下载好 mysql80-community-release-el7-3.noarch.rpm

[root@nxz ~]# rpm -Uvh mysql80-community-release-el7-3.noarch.rpm

[root@nxz ~]#
[root@nxz ~]# rpm -Uvh mysql80-community-release-el7-3.noarch.rpm
warning: mysql80-community-release-el7-3.noarch.rpm: Header V3 DSA/SHA1 Signature, key ID 5072e1f5: NOKEY
Preparing...                          ################################# [100%]
Updating / installing...1:mysql80-community-release-el7-3  ################################# [100%]

执行完成之后：执行以下命令，并按照提示安装其他的一些东西

yum install mysql-community-server

直到输出:

安装完成之后，启动mysql：

service mysqld start

[root@nxz ~]# ps -ef | grep mysql
mysql     2855     1  3 21:30 ?        00:00:00 /usr/sbin/mysqld    // 有这个代码mysql已经启动
root      2917  1937  0 21:31 pts/0    00:00:00 grep --color=auto mysql

查询安装过程中生成的临时密码：

grep "password" /var/log/mysqld.log
2019-06-12T13:30:49.812989Z 5 [Note] [MY-010454] [Server] A temporary password is generated for root@localhost: lqpRNIw7QB_5

登录mysql：

mysql -uroot -p***

登录后修改mysql的密码：

ALTER USER 'root'@'localhost' IDENTIFIED BY '123';  修改MySQL数据库密码（这里要注意的是新密码必须是大写开头，包含大、小写字母，数字，特殊符号等）

比如我想用本机上的Navicat连接刚才配置的阿里云服务器上的MySQL数据库，还需要这一步：

grant all on *.* to admin@'%' identified by'123456' with grant option;    //[admin]是远程连接的【用户名】，[123456]是远程连接的【密码】（同样，密码必须是大写开头，包含大、小写字母，特殊符号等）

（上边那个在有的版本的mysql上是不支持的，root用户不能用于外网访问），因此需要新建一个其他的用户

mysql> use mysql;
Database changed
mysql> create user 'admin'@'%' identified by '******';
Query OK, 0 rows affected (0.01 sec)//授权访问
mysql> grant all on *.* to 'admin'@'%';
Query OK, 0 rows affected (0.01 sec)mysql>

另：需要放开防火墙端口3306和8080

查看：firewall-cmd --zone=public --list-ports

[root@nxz ~]# firewall-cmd --state
running
[root@nxz ~]# firewall-cmd --zone=public --add-port=3306/tcp --permanent
success
[root@nxz ~]# firewall-cmd --zone=public --add-port=8080/tcp --permanent
success
[root@nxz ~]# firewall-cmd --reload

使用Navicat链接：

Authentication plugin 'caching_sha2_password' cannot be loaded

遇到上边这个问题：（每一个用户都要这样执行一次））

1 修改账户密码加密规则并更新用户密码ALTER USER 'root'@'localhost' IDENTIFIED BY 'password' PASSWORD EXPIRE NEVER;   #修改加密规则 ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'password';   #更新一下用户的密码 FLUSH PRIVILEGES;   #刷新权限

或者：

看样子是验证插件问题的，排查下:SELECT `user`, `host`, `authentication_string`, `plugin` FROM mysql.user;+------------------+-----------+------------------------------------------------------------------------+-----------------------+| user             | host      | authentication_string                                                  | plugin                |+------------------+-----------+------------------------------------------------------------------------+-----------------------+| archiver         | %         | $A$005$==t@l=SP'G{U[1})D8yLwA6ti2uHtmUKNuHxQSUggrBRMBR2CheCw0Oxad9 | caching_sha2_password || mysql.infoschema | localhost | *THISISNOTAVALIDPASSWORDTHATCANBEUSEDHERE                              | mysql_native_password || mysql.session    | localhost | *THISISNOTAVALIDPASSWORDTHATCANBEUSEDHERE                              | mysql_native_password || mysql.sys        | localhost | *THISISNOTAVALIDPASSWORDTHATCANBEUSEDHERE                              | mysql_native_password || root             | localhost | $A$005$==t@l=SP'G{U[1})D8yLwA6ti2uHtmUKNuHxQSUggrBRMBR2CheCw0Oxad9 | caching_sha2_password |+------------------+-----------+------------------------------------------------------------------------+-----------------------+5 rows in set (0.06 sec)修改arhiver账号的密码验证插件类型：ALTER USER 'archiver'@'%' IDENTIFIED WITH mysql_native_password BY 'archiver';flush privileges;再次看下，SELECT `user`, `host`, `authentication_string`, `plugin` FROM mysql.user;+------------------+-----------+------------------------------------------------------------------------+-----------------------+| user             | host      | authentication_string                                                  | plugin                |+------------------+-----------+------------------------------------------------------------------------+-----------------------+| archiver         | %         | *13D295FD7B8108ABBC89FCDDD342FFBFF5DA803C                              | mysql_native_password || mysql.infoschema | localhost | *THISISNOTAVALIDPASSWORDTHATCANBEUSEDHERE                              | mysql_native_password || mysql.session    | localhost | *THISISNOTAVALIDPASSWORDTHATCANBEUSEDHERE                              | mysql_native_password || mysql.sys        | localhost | *THISISNOTAVALIDPASSWORDTHATCANBEUSEDHERE                              | mysql_native_password || root             | localhost | $A$005$==t@l=SP'G{U[1})D8yLwA6ti2uHtmUKNuHxQSUggrBRMBR2CheCw0Oxad9 | caching_sha2_password |+------------------+-----------+------------------------------------------------------------------------+-----------------------+5 rows in set (0.06 sec)

修改完成之后，可以使用Navicat链接了：

https://yq.aliyun.com/articles/636568

配置ngnix：

Nginx安装可以根据这个：https://www.runoob.com/linux/nginx-install-setup.html

配置完成后：

Nginx 启动命令如下：[root@bogon conf]# /usr/local/webserver/nginx/sbin/nginx

查看进程：（已启动）

[root@nxz conf]# /usr/local/webserver/nginx/sbin/nginx
[root@nxz conf]# ps -ef | grep nginx
root     16340     1  0 22:43 ?        00:00:00 nginx: master process /usr/local/webserver/nginx/sbin/nginx
www      16341 16340  0 22:43 ?        00:00:00 nginx: worker process
www      16342 16340  0 22:43 ?        00:00:00 nginx: worker process
root     16351  1937  0 22:43 pts/0    00:00:00 grep --color=auto nginx
[root@nxz conf]#

其他命令：

/usr/local/webserver/nginx/sbin/nginx -s reload            # 重新载入配置文件
/usr/local/webserver/nginx/sbin/nginx -s reopen            # 重启 Nginx
/usr/local/webserver/nginx/sbin/nginx -s stop              # 停止 Nginx

2、服务器配置安全组

3、以上信息配置完成后，将前后端项目移到服务器上

前端打包放到ngnix/html中即可（放好之后需要reload），后台随意了

放置后，直接访问服务器ip即可看到：

posted @ 2019-06-12 23:22 巡山小妖N 阅读(...) 评论(...) 编辑收藏

vue - blog开发学7相关推荐

vue - blog开发学习6
vue - blog开发学习6 1.问题,如下图,使用iviewui中的card导致页面不能出现滚动条(不太会弄,在网上查了一个vue组件vuescroll,因此使用这个做滚动条) 2.安装vuesc ...
vue - blog开发学习5
vue - blog开发学习5 基本功能和后台联调 1.首页的所有博客因为是前后台都是本地开发,所以前端vue需要设置proxy:修改/config/index.js中的这个proxyTable p ...
vue - blog开发学习4
vue - blog开发学习4 1.新建页面的修改,集成富文本编辑 edit-post.vue(新建和修改都用该组件) <template><div class="edit ...
vue - blog开发学习3
vue - blog开发学习3 1.添加less 和less-loader支持 npm install less less-loader --save-dev 2.新建main.less,将这个样式添 ...
vue - blog开发学习2
vue - blog开发学习2 首页博客列表的开发 1.修改index.vue,使能够支持列表功能 <template><div><PostList v-for=&quo ...
vue - blog开发学习1
vue - blog开发学习1 1.安装vue-cli vue intall -g vue-cli 2.创建项目 vue init webpack nblog 3.按提示要求配置项目 ? Projec ...
基于 Laravel、Vue.js开发的全新社交系统----ThinkSNS+
2019独角兽企业重金招聘Python工程师标准>>> ThinkSNS(简称TS)始于2008年,一款全平台综合性社交系统,为国内外大中小企业和创业者提供社会化软件研发及技术解决方 ...
提升效率的Vue组件开发和实战技巧
大家好我是若川. 现在的大前端时代,是一个动荡纷争的时代,江湖中已经分成了很多门派,主要以Vue,React还有Angular为首,形成前端框架三足鼎立的局势.Vue在前端框架中的地位就像曾经的 jQ ...
vue中waiting for update signal from wds_10个vue快捷开发技巧助你成为中级前端工程师！(二)...
前言先赞再看,养成习惯~ 优雅更新props 更新 prop 在业务中是很常见的需求,但在子组件中不允许直接修改 prop,因为这种做法不符合单向数据流的原则,在开发模式下还会报出警告.因此大多数人 ...

vue - blog开发学7

vue - blog开发学7

vue - blog开发学7相关推荐

最新文章

热门文章