【4858美高梅】vue项目配置上线境遇的难点及解决方法,4版本linux系统下的腾讯云java后台服务器学习指南

By admin in 4858美高梅 on 2019年3月31日

前言

前言

前言

近期开始尝试搭建java后台环境的云服务器,方便app或许网页实行走访,从而不用局限在内网之下。

前言:由于腾讯云服务器有优化,撸了一把羊毛,用于java后台使用。由于是第一次使用,于是乎有了这篇文章。文章将直接跳过购买部分,来到配置java和后台环境部分。

    后天把本人写的demo登录写完了,就想着试着走一下布署上线的流程。参考了诸多的文档,终于成功进行了配置。在此间将服务器的搭建和vue项目标

   
今日把本人写的demo登录写完了,就想着试着走一下安顿上线的流程。参考了众多的文书档案,终于成功进行了布置。在这边将服务器的搭建和vue项指标

vps的环境搭建

本身购买的的是腾讯的云服务器和域名。

买完腾讯的vps供给小心几点:

  1. 安全组的选料题材,除了22端口用于ssh以外,要小心开放类似8080之类的端口,幸免不只怕访问项目和数据库。一起先全开放方便测试
  2. 修改服务器系统的DNS。
  3. 关门云服务器的防火墙,借使不大概连接的话

等一下再说怎么修改DNS和关闭云服务器防火墙,先说一下自个儿购买后安顿ssh的流程。

腾讯早已简化了ssh密钥的配备。不难说一下流水生产线:

  • 进去云服务器的界面,打开ssh,创制密钥。然后下载private
    key到地点的微处理器
  • 抑或在云服务器的界面。打开云主机页面,在越多中精选加载密钥,加载public
    key到云主机
  • 利用xshell那类的极限登录服务器的时候,配置上地面包车型地铁private
    key就足以防密登录,幸免中间人攻击

采纳工具:xshell、xftp
xshell:可总是远程服务器,使用命令操作远程服务器
xftp:用来向服务器传输文件

布置上线进行整理(都是基础的知识,希望对大家有帮带。对自身援救是非常的大的)

布置上线实行整治(都是基础的学识,希望对咱们有救助。对笔者协助是一点都不小的)

早先时代配置vps

由此ssh连接云服务器。进入后开首布局服务器。

第二,配置DNS,腾讯的vps一起先不联网。
在极限输入

ping www.baidu.com

哪个网站域名都行,看一下能还是不可能两次三番。假若发现延续顺遂的话就跳过修改DNS这一步。退步就需要配置DNS

好今后始于布置

vim /etc/resolv.conf

进去配置文件,添加类似

nameserver 10.237.148.54

后面的ip地址 必须
要添加腾讯的内网ip,作者的是Hong Kong的服务器,所以添加的是北京的内网ip,点那里查看内网ip。

布署好以往保存退出,再使用ping命令试验瞬间能还是不可能分析域名并且访问成功。

下一场倒闭防火墙(重启失效)。

service iptables stop

一 、连接服务器。

2.流程

2.流程

为服务器配置java环境

系列利用tomcat服务器和mysql数据库,所以陈设那么些。

1.行使xshell连接服务器

在腾讯云的管制页面找到购买的主机,设置用户名和密码,还有记住公网ip跟端口号。

打开xshell,输入服务器地址与端口号,点击连接,第1次进入需输入用户名密码,这一个在腾讯云后台可知到,记住密码则不用每一次进入都输入。

   
 1.服务器搭建

     1.服务器搭建

jdk

先查看jdk,笔者初步什么jdk都没有,所以得和谐去下载。

运用当地电脑去官网下载jdk对应的tar.gz版本,jdk下载地址,然后选择WinSCP(那类软件)从地点上传到云主机。

其后进入存放jdk的目录中:

tar -zxvf jdk-8u121-linux-x64.tar.gz

解压完毕后需求安插环境变量

vi /etc/profile

开拓该文件后直接在最终添加以下几句,由于我将jdk放在usr/local下的自创文件夹java目录中,所以注意JAVA_HOME的不二法门取决于你的jdk的职位。

JAVA_HOME=/usr/local/java/jdk1.8.0_121
export JAVA_HOME
CLASSPATH=$JAVA_HOME/lib:$JAVA_HOME/jre/lib:$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar
export CLASSPATH
PATH=$JAVA_HOME/bin:$JAVA_HOME/jre/bin:$PATH
export PATH

配备完后封存退出,检查一下有没有配备成功:

java -version

2.重置root权限密码

跻身界面后,输入:
sudo passwd
输入新密码 + 回车 * 3次

       
那里小编用的是腾讯云的服务器。买了贰个域名。没有备案的域名也能够行使。买完服务器举办域名解析。

       
那里本人用的是腾讯云的服务器。买了2个域名。没有备案的域名也足以利用。买完服务器实行域名解析。

tomcat

tomcat用地点电脑去官网下载tar.gz那二个版本,tomcat下载地址,下载完毕后上传云主机。
今后展开解压

tar -zxvf apache-tomcat-9.0.0.M17.tar.gz

解压完结后,进入该文件夹,进入bin目录,此处存放tomcat的部分着力命令。在该目录中输入以下命令开启tomcat:

./startup.sh

【4858美高梅】vue项目配置上线境遇的难点及解决方法,4版本linux系统下的腾讯云java后台服务器学习指南。ok未来敞开您的浏览器,输入
域名:8080。假诺出现tomcat的迎接页面,表达tomcat配置成功。假设不成事,恐怕是云主机的防火墙导致的难点,先关闭防火墙,再试试。

3.收获usr用户根目录的权力

root指令
su root
输入root密码 + 回车

4858美高梅 1点击添加解析,遵照下边那样填写就行
布里Stowe克是您的外网ip

4858美高梅 2

mysql

直白使用yum安装的,下次补一出手动下载tar.gz的装置形式。
输入以下命令:

yum install mysql-server

设置到位后,开启mysql服务和安装开机自运行

service mysqld start
chkconfig mysqld on

然后设置安全文件,输入:

mysql_secure_installation

先是提醒输入root密码,一先河没有,直接回车。然后是安装密码。

继之询问移除匿名用户(y)
是还是不是禁止使用远程root登录mysql(n)
是还是不是删除测试数据库(y)
是否未来就加载权限(y)。
ok这样就安排好了mysql。

二、配置java环境

4858美高梅 3

点击添加解析,依照上边那样填写就行 斯特拉斯堡克是您的外网ip

唯恐出现的题材

自小编在安插中出现部分难题:

  1. 没辙使用yum源安装mysql:这一个时候要求更新yum源。
  2. tomcat配置好还要运转之后,外网不能够访问到欢迎页面:防火墙没有停歇,恐怕是你的腾讯服务器的安全组没有布署好

1.上传解压jdk环境压缩包

1.1 创建java目录:
mkdir /usr/local/java

1.2
在jdk官网下载好linux对应系统位数的安装包,使用xftp上传来服务器,shell指令复制到/usr/local/java目录下

1.3 使用cd进入到目录下解压
sudo tar xvf jdk-8u121-linux-x64.tar.gz

1.4 删除原压缩包
sudo rm jdk-8u121-linux-x64.tar.gz

能够依据你要求的进行改动,笔者那只是最基本的绑定。其余请自行百度。

4858美高梅 4

2.改动环境变量

2.1 使用vim打开.bashrc环境安顿文件
sudo vim ~/.bashrc

2.2 在文书结尾添加(注意文件夹名字要合营好jdk版本号):
export JAVA_HOME=/usr/local/java/jdk1.8.0_161
export JRE_HOME=${JAVA_HOME}/jre
export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib
export PATH=${JAVA_HOME}/bin:$PATH

2.3 保存并脱离,输入:wq回车

2.4 应用环境配置
source ~/.bashrc

2.5 检验java环境是还是不是布置好
java -version
返回:

java version "1.8.0_161"
Java(TM) SE Runtime Environment (build 1.8.0_161-b12)
Java HotSpot(TM) 64-Bit Server VM (build 25.161-b12, mixed mode)

2.6 借使出现没有权力 Permission is not allowed,须求手动修改目录权限
chmod 777 <文件夹名>

     3.添加ssh密钥

能够根据你须要的进展修改,作者那只是最基本的绑定。别的请自行百度。

三、配置tomcat

4858美高梅 5

     3.添加ssh密钥

1.下载解压安装包

1.1
tomcat官网下载apache-tomcat-7.0.78.tar.gz

1.2 解压安装包
tar -zxvf apache-tomcat-7.0.78.tar.gz

1.3 删除安装包
sudo rm apache-tomcat-7.0.78.tar.gz

率先步添加密钥,会让您下载多少个文本到当地(勿删,登录xsheel和xftp用到)然后开始展览绑定主机(主机须要在关机的景色下举办绑定)

4858美高梅 6

4858美高梅 ,2.修改运行器

2.1 修改startup.sh 运营文件
cd apche-tomcat-7.0.78/bin
sudo vim startup.sh

2.2 在esac下边添加:
JAVA_HOME=/usr/local/java/jdk1.8.0_161
JRE_HOME=/usr/local/java/jdk1.8.0_161/jre
PATH=$JAVA_HOME/bin:$JRE_HOME:$PATH
CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar
TOMCAT_HOME=/home/ubuntu/apache-tomcat-7.0.78

2.3 保存退出::wq

2.4 启动tomcat
sudo ./startup.sh
返回

Using CATALINA_BASE:   /home/ubuntu/apache-tomcat-7.0.85
Using CATALINA_HOME:   /home/ubuntu/apache-tomcat-7.0.85
Using CATALINA_TMPDIR: /home/ubuntu/apache-tomcat-7.0.85/temp
Using JRE_HOME:        /usr/local/java/jdk1.8.0_161
Using CLASSPATH:       /home/ubuntu/apache-tomcat-7.0.85/bin/bootstrap.jar:/home/ubuntu/apache-tomcat-   7.0.85/bin/tomcat-juli.jar
Tomcat started.

2.5 检查
在浏览器输入localhost:8080,可以看出tomcat首页界面。

2.6 关闭tomcat
sudo ./shutdown.sh

一经关闭tomcat出现

Neither the JAVA_HOME nor the JRE_HOME environment variable is defined
At least one of these environment variable is needed to run this program

因为tomcat不能识别到环境变量,则需修改setclasspath.sh文件
sudo vim setclasspath.sh

鉴于不能识别java_home和jre_home的环境变量,供给大家手动在文件头添加。

JAVA_HOME=/usr/local/java/jdk1.8.0_161
JRE_HOME=/usr/local/java/jdk1.8.0_161/jre

能够符合规律关闭tomcat,则表明修改形成。

    4.安全组(那一个貌似没有关联,因为自身不记得小编安全组是或不是温馨安装的
也尚无百度
笔者点开安全组就有一条记下在了。。假诺在服务器搭建进度中有标题,能够百度那方面包车型地铁只是。看是否此处的标题,因为作者没在那出现过难题笔者也不佳说。。)

率先步添加密钥,会让您下载一个文本到当地(勿删,登录xsheel和xftp用到)然后开始展览绑定主机(主机需求在关机的意况下开展绑定)

四、配置mysql

   5.登录xshell6和xftp6

    4.安全组(这几个一般没有关联,因为自身不记得本身安全组是还是不是友好设置的
也并未百度
小编点开安全组就有一条记下在了。。假设在服务器搭建进程中有标题,能够百度那地点的只是。看是或不是此处的题目,因为本身没在那出现过难点小编也倒霉说。。)

1.安装mysql

1.1 linux安装mysql环境相当的粗略,只需稳步实施以下指令即可。
sudo apt-get install mysql-server 时期要求安装密码
apt-get isntall mysql-client
sudo apt-get install libmysqlclient-dev

1.2 检查
查阅3306端口是不是正规
netstat -an | grep 3306
倘诺处在listen则代表安装成功

tcp        0      0 127.0.0.1:3306          0.0.0.0:*               LISTEN

     xshell6:搭建服务器的时候必要的终极管理类别xftp那里的功用是有些时候须求您在和谐的系统下载linux 需求的削减包
然后传输到linux系统中。能够借助xftp

   5.登录xshell6和xftp6

2.登录mysql数据库

mysql -u root -p
挑选登录 -u 用户名为 root 输入密码 -p
此刻输入密码就能够登录mysql

Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 1705
Server version: 5.7.21-0ubuntu0.16.04.1 (Ubuntu)

Copyright (c) 2000, 2018, Oracle and/or its affiliates. All rights reserved.

Oracle is a registered trademark of Oracle Corporation and/or its
affiliates. Other names may be trademarks of their respective
owners.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql> 

xshell6登录 主机为您的外网ip

     xshell6:搭建服务器的时候要求的终点管理体系xftp那里的作用是有些时候供给您在大团结的系统下载linux 需求的压缩包
然后传输到linux系统中。能够借助xftp

3.创建远程访问mysql用户

3.1 查询表
来妥善前的数据库
show databases;
显示当前数据库的表单
show tables;

3.2 远程访问用户
mysql暗许是本机127.0.0.1做客数据库,想要远程访问必要开放mysql服务器并创设新的用户来拜访mysql。

3.2.1 开放服务器修改配置文件:
mysql5.7以下的的陈设文件在/etc/mysql/my.cnf文件内,里面有一行bind-address = 127.0.0.1表示只允许地点访问,将它注释掉。
mysql5.7本子或上述的布置文件在在/etc/mysql/mysql.conf.d目录下的mysqld.cnf文件

3.2.2 创制新用户赋予远程ip访问权限:
询问mysql的用户表
select user,authentication_string,host from mysql.user;

3.2.3 创立新用户
grant all privileges on *.* to 'myuser' @'46.224.259.19' identified by 'password' with grant option;
创办用户myuser使用password从ip 46.224.259.19连接受mysql服务器
本来,ip 地址处能够修改为 ‘%’,指任意ip地址,实际条件不予许,慎用

3.2.4 执行完事后需求实施flush privileges;,重新加载数据库。
再查询1次:

+------------------+---------------+
| user             | host          |
+------------------+---------------+
| myuser           | 46.224.259.19 |
| debian-sys-maint | localhost     |
| mysql.session    | localhost     |
| mysql.sys        | localhost     |
| root             | localhost     |
+------------------+---------------+
5 rows in set (0.00 sec)

3.2.5 退出
mysql>quit; 退出mysql登录

3.2.6 再一次查一下3306端口
netstat -an | grep 3306

tcp6       0      0 :::3306                 :::*                    LISTEN

ok

3.2.6 删除用户:
mysql>Delete FROM user Where User='myuser' and Host='46.224.259.19';
再一次载入flush privileges;

4858美高梅 74858美高梅 8用户名一般都是root
密码由于大家以前设置了密钥
所以采纳密钥登录,浏览选中此前设置密钥让您下载的密钥文件
导入即可。点击分明就登录成功了

xshell6登录 主机为您的外网ip

4.起动数据库

4.1 运维服务
service mysql start
4.2 停止
service mysql stop
4.3 重启
service mysql restart

      xftp的报到一样

4858美高梅 94858美高梅 10

5.远程客户的Navicat for MySQL连接数据库

主机名或地址:<你的服务器地址>
端口:3306 (默许端口)
用户名: <mysql添加的用户名>
密码:<用户名对应的密码>

4858美高梅 11

用户名类同都是root 密码由于大家事先安装了密钥
所以利用密钥登录,浏览选中从前安装密钥让你下载的密钥文件
导入即可。点击鲜明就登录成功了

总结

1.索要学习xshell指令,才能更好的操作服务器。
2.xftp13分方便使用,文件传输只需拖拽过去即可,上传,没有权限的急需解锁权限。
3.操作usr目录需求root权限。
4.服务器暗中认可地址为localhost,须求手动修改,添加访问账号。
5.Navicat
一而再数据库现身“10061”,则是数据库不予许此ip地址访问,必要修改一下中远距离访问权限。

本人的博客:www.chenzhesheng.cc
自我的丹佛掘金队(Denver Nuggets):掘金
我的github:github
本身的简书:简书

     6.安装jdk

      xftp的登录一样

       
参考文书档案:

4858美高梅 12

    7.tomcat 安装

     6.安装jdk

     
 参考文书档案:

        参考文档:

                     
 

    7.tomcat 安装

     tomcat 和
jdk的装置小编便是服从下面的文书档案实行设置了,所以我们访问人家的博客就能够了。

       参考文书档案 :  
//www.jb51.net/article/141747.htm

    8.mysql 安装

                      

mkdir /usr/local //进入此目录

wget http://dev.MySQL.com/get/Downloads/MySQL-5.7/mysql-5.7.11-Linux-glibc2.5-x86_64.tar.gz //下载mysql压缩包

tar -xvf mysql-5.7.11-Linux-glibc2.5-x86_64.tar.gz   //解压

mv mysql-5.7.11-Linux-glibc2.5-x86_64/ mysql //重命名,方便后面的设置

groups mysql //查看是否有mysql用户组,有就跳过(mysql:mysql) 没有就创建(groups:mysql: No such user) 括号里为判断信息
groupadd mysql 
useradd -r -g mysql mysql //创建用户组

cd mysql/ 
chown -R mysql:mysql ./    //修改权限

mkdir /usr/local/mysql/data  //创建data目录

./bin/mysql_install_db --user=mysql --basedir=/usr/local/mysql/ --datadir=/usr/local/mysql/data/       //初始化信息 这里可能报错一个模块找不到,直接yum安装
                                                                                                         就行了

[root@localhost mysql] ./bin/mysql_install_db --user=mysql --basedir=/usr/local/mysql/ --datadir=/usr/local/mysql/data/
2016-01-20 02:47:35 [WARNING] mysql_install_db is deprecated. Please consider switching to mysqld --initialize
2016-01-20 02:47:45 [WARNING] The bootstrap log isn't empty:
2016-01-20 02:47:45 [WARNING] 2016-01-19T18:47:36.732678Z 0 [Warning] --bootstrap is deprecated. Please consider using --initialize instead

上面这四行为初始化信息后的提示信息,不用管他 这样就算是初始化信息成功了

cp -a ./support-files/my-default.cnf /etc/my.cnf  //复制文件

cp -a ./support-files/mysql.server /etc/init.d/mysqld

修改my.cnf文件
# These are commonly set, remove the # and set as required.
basedir = /usr/local/mysql
datadir = /usr/local/mysql/data
port = 3306
# server_id = .....
socket = /tmp/mysql.sock
character-set-server = utf8
# Remove leading # to set options mainly useful for reporting servers.
# The server defaults are faster for transactions and fast SELECTs.
# Adjust sizes as needed, experiment to find the optimal values.
# join_buffer_size = 128M
# sort_buffer_size = 2M
# read_rnd_buffer_size = 2M 

ln -s /usr/local/mysql/  /usr/bin/    //创建In

service mysqld start   //启动服务

[root@localhost ~]# cat /root/.mysql_secret   //查看数据库初始密码
# Password set for user 'root@localhost' at 2017-03-16 00:52:34 
(as;qwe23QADdqwe      //类似这样的数据,这就是初始密码

[root@localhost ~]# mysql -u root -p  //登录数据库

alter user root@localhost identified by 'tiger';  //修改数据库密码(有的时候修改成功了,远程的时候还是不可以.远程管理工具比如dbvisualizer报错28000 
                                                     那么就在修改一次数据库密码)
flush privileges;   //刷新

show databases;//显示数据库。

+--------------------+
| Database           |
+--------------------+
| information_schema |
| mysql              |
| performance_schema |
| sys                |
+--------------------+   如此显示就是安装成功了.

     tomcat 和
jdk的装置小编就是比照上面的文书档案举办安装了,所以大家访问人家的博客就能够了。

  远程管理数据库

    8.mysql 安装

      使用dbvisualizer链接服务器上的mysql数据库的时候,会报错
‘你的服务器ip’ is not allowed to connect to this MySQL server

mkdir /usr/local //进入此目录 
wget http://dev.MySQL.com/get/Downloads/MySQL-5.7/mysql-5.7.11-Linux-glibc2.5-x86_64.tar.gz //下载mysql压缩包
tar -xvf mysql-5.7.11-Linux-glibc2.5-x86_64.tar.gz //解压
mv mysql-5.7.11-Linux-glibc2.5-x86_64/ mysql //重命名,方便后面的设置groups mysql //查看是否有mysql用户组,有就跳过(mysql:mysql) 没有就创建(groups:mysql: No such user) 括号里为判断信息groupadd mysql useradd -r -g mysql mysql //创建用户组cd mysql/ chown -R mysql:mysql ./ //修改权限
mkdir /usr/local/mysql/data //创建data目录
./bin/mysql_install_db --user=mysql --basedir=/usr/local/mysql/ --datadir=/usr/local/mysql/data/ //初始化信息 这里可能报错一个模块找不到,直接yum安装              就行了
[root@localhost mysql] ./bin/mysql_install_db --user=mysql --basedir=/usr/local/mysql/ --datadir=/usr/local/mysql/data/
2016-01-20 02:47:35 [WARNING] mysql_install_db is deprecated. Please consider switching to mysqld --initialize
2016-01-20 02:47:45 [WARNING] The bootstrap log isn't empty:
2016-01-20 02:47:45 [WARNING] 2016-01-19T18:47:36.732678Z 0 [Warning] --bootstrap is deprecated. Please consider using --initialize instead

     消除办法:

地方那四表现初始化音讯后的提醒音信,不用管她 那样就到底开始化消息成功了

       在shell6连接到mysql 数据库

cp -a ./support-files/my-default.cnf /etc/my.cnf //复制文件
cp -a ./support-files/mysql.server /etc/init.d/mysqld
修改my.cnf文件
# These are commonly set, remove the # and set as required.
basedir = /usr/local/mysql
datadir = /usr/local/mysql/data
port = 3306
# server_id = .....
socket = /tmp/mysql.sock
character-set-server = utf8
# Remove leading # to set options mainly useful for reporting servers.
# The server defaults are faster for transactions and fast SELECTs.
# Adjust sizes as needed, experiment to find the optimal values.
# join_buffer_size = 128M
# sort_buffer_size = 2M
# read_rnd_buffer_size = 2M 
ln -s /usr/local/mysql/ /usr/bin/ //创建In
service mysqld start //启动服务
[root@localhost ~]# cat /root/.mysql_secret //查看数据库初始密码
# Password set for user 'root@localhost' at 2017-03-16 00:52:34 
(as;qwe23QADdqwe //类似这样的数据,这就是初始密码
[root@localhost ~]# mysql -u root -p //登录数据库
alter user root@localhost identified by 'tiger'; //修改数据库密码(有的时候修改成功了,远程的时候还是不可以.远程管理工具比如dbvisualizer报错28000 
       那么就在修改一次数据库密码)
flush privileges; //刷新
show databases;//显示数据库。
+--------------------+
| Database  |
+--------------------+
| information_schema |
| mysql  |
| performance_schema |
| sys  |
+--------------------+ 如此显示就是安装成功了.

       use mysql //选择mysql 数据库

  远程管理数据库

      GRANT ALL PRIVILEGES ON *.* TO
‘root’@’%’ WITH GRANT OPTION 

      使用dbvisualizer链接服务器上的mysql数据库的时候,会报错
‘你的服务器ip’ is not allowed to connect to this MySQL server

      FLUSH PRIVILEGES 

     化解措施:

    重新远程连接即可。

 在shell6连接到mysql 数据库
 use mysql //选择mysql 数据库
 GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' WITH GRANT OPTION 
 FLUSH PRIVILEGES 

 
 使用dbvisualizer连接成功后,点击数据库任意地点,报错

    重新远程连接即可。

 

   使用dbvisualizer连接成功后,点击数据库任意地方,报错

[CREATE - 0 row(s), 0.000 secs]  Could not getColumn for vue: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'OPTION SQL_SELECT_LIMIT=DEFAULT' at line 1
... 1 statement(s) executed, 0 row(s) affected, exec/fetch time: 0.000/0.000 sec  [0 successful, 0 warnings, 1 errors]
[CREATE - 0 row(s), 0.000 secs] Could not getColumn for vue: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'OPTION SQL_SELECT_LIMIT=DEFAULT' at line 1
... 1 statement(s) executed, 0 row(s) affected, exec/fetch time: 0.000/0.000 sec [0 successful, 0 warnings, 1 errors] 

 

  查看了百度都说是表可能字段的题目,然则本身没有点击表操作啊。后来换了10的本子
dbvisualizer 就能够利用了。。在此之前使用的是8本子的 小编可疑是mysql
驱动jar包的难题。难题化解了自作者就没去管了。 那样mysql 就解决了
上边就打包后台代码上传tomcat举办走访

  查看了百度都说是表也许字段的题材,可是自身一直不点击表操作啊。后来换了10的版本 dbvisualizer
就能够使用了。。此前运用的是8本子的 小编可疑是mysql
驱动jar包的标题。难题化解了我就没去管了。 那样mysql 就化解了
上面就打包后台代码上传tomcat实行走访

    9.装进后台代码

    9.封装后台代码

4858美高梅 13

4858美高梅 14

    右击后台项目 export —->MyEclipse JEE ——>WA大切诺基 file

    右击后台项目 export —->MyEclipse JEE ——>WALacrosse file

4858美高梅 15

4858美高梅 16

    接纳当地保存路径 finish打包。通过xftp将当地的war包上传到服务器的

    选择本地保存路径 finish打包。通过xftp将地点的war包上传到服务器的

 4858美高梅 17

 4858美高梅 18

上传到webapps目录就行了,然后采取tomcat访问那几个体系,tomcat会自动解压的

上传到webapps目录就行了,然后利用tomcat访问这几个类型,tomcat会自动解压的

进入  /usr/local/tomcat/tomcat7/logs  

进入  /usr/local/tomcat/tomcat7/logs   

tail -f catalina.out   //查看日志 其余日志命令请自行百度

tail -f catalina.out   //查看日志 其他日志命令请自行百度

 10.vue连串打包

 10.vue类型打包

      axios post 请求极小概访问后台以及数据不可能传输消除

      axios post 请求不可能访问后台以及数据不能传输消除

proxyTable: { // 在这里配置如下代码
 '/api': {
  //target:'http://localhost:8080/', // 你请求的第三方接口GradeSystem
  //target:'http://www.ruoyechenxi.com:8080/GradeSystem', // 你请求的第三方接口
  target:'http://www.ruoyechenxi.com:8080', // 你请求的第三方接口
  changeOrigin:true, // 在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题
  pathRewrite:{ // 路径重写,
  '^/api': '' // 替换target中的请求地址,也就是说以后你在请求http://api.jisuapi.com/XXXXX这个地址的时候直接写成/api即可。
  }
 }
 } //config文件夹下的build.js 中 dev 里面配置 
proxyTable: { // 在这里配置如下代码
      '/api': {
          //target:'http://localhost:8080/', // 你请求的第三方接口GradeSystem
          //target:'http://www.ruoyechenxi.com:8080/GradeSystem', // 你请求的第三方接口
          target:'http://www.ruoyechenxi.com:8080', // 你请求的第三方接口
          changeOrigin:true, // 在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题
          pathRewrite:{  // 路径重写,
              '^/api': ''  // 替换target中的请求地址,也就是说以后你在请求http://api.jisuapi.com/XXXXX这个地址的时候直接写成/api即可。
          }
      }
  }    //config文件夹下的build.js 中 dev 里面配置

  页面使用axios

  页面使用axios

let params = new URLSearchParams(); //这个请自行百度
 params.append("code", "2");
 this.$axios({
 method: 'post',
 url: '/GradeSystem/repairCode.do',
 data: params
 }).then(function(response) {
 alert(response.data);
 th.$router.push({ path: "/index" });
 }).catch(function(error) {
 alert(error);
 }); 
        let params = new URLSearchParams();  //这个请自行百度
          params.append("code", "2");
           this.$axios({
                method: 'post',
                url: '/GradeSystem/repairCode.do',
                data: params
            }).then(function(response) {
                alert(response.data);
                th.$router.push({ path: "/index" });
            }).catch(function(error) {
                alert(error);
            });

  后端代码

  后端代码

resp.setHeader("Access-Control-Allow-Origin", "*");
resp.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE"); 
resp.setHeader("Access-Control-Allow-Origin", "*");
resp.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");

  难题化解.

  问题搞定.

      打包路径难题

      打包路径难点

     config文件下的build.js 中的 build 代码块中

     config文件下的build.js 中的 build 代码块中

index: path.resolve(__dirname, '../dist/index.html'),
 // Paths
 assetsRoot: path.resolve(__dirname, '../dist'),
 assetsSubDirectory: 'static',
 assetsPublicPath: './',
 productionSourceMap: false, 
index: path.resolve(__dirname, '../dist/index.html'),
    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',
    productionSourceMap: false,

  在router文件夹下的index.js添加 base ‘/自定义文件夹名/’
上边import笔者事先是选取的@ 后来小编换来了 ../
不驾驭有没有影响,请自个儿小心下那里

  在router文件夹下的index.js添加 base ‘/自定义文件夹名/’
上面import作者事先是采用的@ 后来本人换到了 ../
不理解有没有震慑,请本人小心下这里

4858美高梅 19

 4858美高梅 20

       在git bash here 里面

       在git bash here 里面

4858美高梅 21

 4858美高梅 22

4858美高梅 23

4858美高梅 24

如此正是包裹成功,

诸如此类就是包装成功, 

4858美高梅 25

4858美高梅 26

在tomcat下的这些目录创立多个空目录
名字就叫作你在路由的index.js自定义的充裕名字

在tomcat下的那一个目录创立3个空目录
名字就叫作你在路由的index.js自定义的不得了名字

4858美高梅 27

4858美高梅 28

然后将dist文件下的static文件家和index.html放在那么些目录下 访问地址
就能够访问你的品种了
那样一般现身的门道难点就不会并发了
有的时候会产出样式错乱的题材,一般就是你在组件中期维修改了国有组件的体制
提议自定义样式 恐怕使用scoped 举办打包。

然后将dist文件下的static文件家和index.html放在那一个目录下 访问地址
就足以访问你的品种了
这样一般出现的不二法门难题就不会现出了
有的时候会冒出样式错乱的题材,一般正是您在组件中期维修改了公私组件的体裁
建议自定义样式 或然选拔scoped 举办李包裹装。

地方栏刷新 页面404 难点 参见上海教室  新建WEB-INF文件夹
在内部新增叁个web.xml 里面包车型客车代码为

地址栏刷新 页面404 难点 参见上海教室  新建WEB-INF文件夹
在内部新增二个web.xml 里面包车型地铁代码为

4858美高梅 29

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
                      http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
    version="3.1" metadata-complete="true">
    <display-name>Router for Tomcat</display-name>
    <error-page>
        <error-code>404</error-code>
        <location>/index.html</location>
    </error-page>
</web-app>
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
   http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
 version="3.1" metadata-complete="true">
 <display-name>Router for Tomcat</display-name>
 <error-page>
 <error-code>404</error-code>
 <location>/index.html</location>
 </error-page>
</web-app> 

  4858美高梅 30在品种中新建此文件,里面内容本身定义。地址栏刷新难题就解决了。

  在档次中新建此文件,里面内容本人定义。地址栏刷新难点就一蹴而就了。

到现在,全体的流水生产线就都消除了,这篇博客中着力都以参考外人的博客实行总结总计的。究竟也是花了点时间的。希望对大家享有援助。毕竟流程都走完了
剩下的便是逐日开发工作了。

从那之后,全体的流程就都消除了,那篇博客中挑益州都是参考别人的博客进行汇总总计的。毕竟也是花了点时间的。希望对大家有着扶助。究竟流程都走完了
剩下的正是稳步开发业务了。

 

总结

以上所述是小编给我们介绍的vue项目布署上线蒙受的难点及化解情势,希望对大家有所扶助,如若大家有别的疑窦欢迎给自家留言,小编会及时回复大家的!

你恐怕感兴趣的稿子:

  • Vue
    项目配置到服务器的难点消除措施
  • 怎样在ASP.NET
    Core应用程序运营Vue并且安插在IIS上详解
  • vue
    打包后的文件计划到express服务器上的艺术
  • Vue项目webpack打包安顿到服务器的实例详解
  • Vue.js项目布局到服务器的详细步骤
  • Vue应用安顿到服务器的科学方法

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有