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即可看到:

vue - blog开发学7的更多相关文章
- vue - blog开发学习5
基本功能和后台联调 1.首页的所有博客 因为是前后台都是本地开发,所以前端vue需要设置proxy:修改/config/index.js中的这个proxyTable proxyTable: { '/a ...
- vue - blog开发学习2
首页博客列表的开发 1.修改index.vue,使能够支持列表功能 <template> <div> <PostList v-for="(item,index) ...
- vue - blog开发学习6
1.问题,如下图,使用iviewui中的card导致页面不能出现滚动条(不太会弄,在网上查了一个vue组件vuescroll,因此使用这个做滚动条) 2.安装vuescroll cnpm instal ...
- vue - blog开发学习1
1.安装vue-cli vue intall -g vue-cli 2.创建项目 vue init webpack nblog 3.按提示要求配置项目 ? Project name nblog ? P ...
- vue - blog开发学习4
1.新建页面的修改,集成富文本编辑 edit-post.vue(新建和修改都用该组件) <template> <div class="editor"> &l ...
- vue - blog开发学习3
1.添加less 和less-loader支持 npm install less less-loader --save-dev 2.新建main.less,将这个样式添加到home.vue中的cont ...
- 从 Vue 的视角学 React(四)—— 组件传参
组件化开发的时候,参数传递是非常关键的环节 哪些参数放在组件内部管理,哪些参数由父组件传入,哪些状态需要反馈给父组件,都需要在设计组件的时候想清楚 但实现这些交互的基础,是明白组件之间参数传递的方式, ...
- 前端开发 Vue -1windows环境搭建Vue Node开发环境
解决几个疑问: 想学习下vue.js,我理解的它是一个前端的框架,主要作用是对数据的处理,和juqery类似,所以不太理解为什么要在nodejs中npm install vue呢?在html文件中引入 ...
- 微服务项目开发学成在线_day02 CMS前端开发
1 Vue.js与Webpack研究 开发版的浏览器:https://www.google.cn/intl/zh-CN/chrome/dev/ 前端的开发框架:微服务项目开发学成在线_Vue.js与W ...
随机推荐
- matlab批量修改变量的名称
使用matlab做实验的时候,保存的文件里面的变量名都是一样的 ,所以希望能够把变量名全部都重命名.我举个个例子,假设我一堆文件,文件名分别是gds1,gds2,gds2,-.. 但是实际上load进 ...
- JS中的Boolean数据类型
Boolean布尔数据类型 只有两个字面值:true和false,这两个值与数字值不是一回事,因此true不一定等于1,而false也不一定等于0. 把其他类型转换为布尔类型 只有0.NaN.''.n ...
- shell 函数传递参数的几种方式
1.最近总结了 shell 中 function 的传递变量的几种方式 1.传递单个变量 2.传递数组变量 #!/bin/bash #trying to pass an variable. ...
- hdu 4235 容斥原理模板题
题目大意: 输入样例个数T,每个样例输入三个数a,b,n,求[a,b]之间与n互素的个数 基本思路: 互斥,想想这个:AUBUC=A+B+C-A∩B-A∩C-B∩C+A∩B∩C fac存的是n的素因数 ...
- Gitbook环境搭建及制作——2019年10月24日
1.gitbook介绍 GitBook 是一个基于 Node.js 的命令行工具,支持 Markdown 和 AsciiDoc 两种语法格式,可以输出 HTML.PDF.eBook 等格式的电子书.可 ...
- centos6.5 相关命令
挂载U盘 1.进入mnt目录: #cd /mnt 2.新建一个USB目录: #mkdir usb 3.查看U盘的目录: #fdisk –l 4.挂载: #mount –t vfat /dev/sdb1 ...
- spring-boot整合shiro实现权限管理
1.运行环境 开发工具:intellij idea JDK版本:1.8 项目管理工具:Maven 4.0.0 2.GITHUB地址 https://github.com/nbfujx/springBo ...
- 【Java】使用Lambda排序集合
下面是Java lambda表达式的简单例子: // 1. 不需要参数,返回值为 5 () -> 5 // 2. 接收一个参数(数字类型),返回其2倍的值 x -> 2 * x // 3. ...
- WCDB错误"No matching constructor for initialization of 'WCTColumnBinding'"
开始看到这个错误有点匪夷所思,完全不知道问题指向哪里, 最后用过排除法,把之前建立多个类进行了一一排除,发现有个属性是 @property(nonatomic, assign) NSInteger * ...
- CVE-2017-0213 | 记一次失败的提权经历
环境: CVE-2017-0213下载 提权步骤: 提权失败.... 好迷啊,,,,事后查了一下补丁 我的wind7上也没装啊,然后防火墙也是关闭的 迷了迷了....