当前位置: 首页 > 编程日记 > 正文

关于springboot vue前后端分离项目部署到阿里云轻量服务器(前后端分开部署)

0.购买阿里云服务器

1.安装jdk

使用yml安装

2.安装mysql

3.安装nginx

4.打包后端项目

后端项目更改:

在pom.xml文件中,增加打包成jar包的配置文件

在这里插入图片描述

application.properties配置文件中更改数据库信息,端口号:(所使用的端口号是自定义的,需要在阿里云服务器的控制面板也就是网页上开启防火墙,需要在阿里云服务器的安全组中添加对应的进入规则,需要使用命令在Xshell的黑框中开启端口对应的防火墙)

数据库url中localhost改为公网地址(服务器带的),密码改成服务器上数据库的密码(123456)

为了解决跨域问题,在后端代码中加入配置类,(新建一个包,放这个类)代码如下:

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;/*** TODO** @auothor asus* @date 2020/9/28 7:39*/
@Configuration
public class WebMvcConfig extends WebMvcConfigurerAdapter {@Overridepublic void addCorsMappings(CorsRegistry registry) {registry.addMapping("/**").allowedOrigins("*").allowedMethods("POST", "GET", "PUT", "OPTIONS", "DELETE").maxAge(3600).allowCredentials(true);}
}

到现在,后端代码就更改完成了,接下来是打成jar包,

先找到后端项目所在的目录,
在这里插入图片描述

在这里插入图片描述

打开cmd命令框,

输入 f:(就进入f盘了),输入dir 回车就可以查看当前目录下的所有文件信息,

输入 cd shixun2 就进入到文件夹中了,

然后输入命令 mvn package clean -Dmaven.test.skip=true (作用是把原来打包过的jar包都清掉)

然后输入命令 mvn package -Dmaven.test.skip=true (意思是重新打包)

回车,执行完这两个命令就可以到target目录下找到刚才打包的jar包了

到这里,后端项目打包完成

(*注意:后端项目的接口,在application.properties文件中,如果自定义了

server.servlet.context-path=/iqiyiadmin

那么在直接访问后端接口时,需要在地址中加上,http://服务器公网Ip:端口号/iqiyidamin/movie/findAll)

5、打包前端项目

前端项目的更改,原来前端项目中在调用后端接口时,使用的都是本地的localhost,现在因为后端项目要部署到服务器上了,应该把localhost改成 你的服务器的公网ip

*注意:所有地方的地址都要改,改完之后,在命令行执行代码 npm run build

执行成功后,前端项目中会多出一个文件加dist,

这个文件夹就是打包的前端项目

至此,前端项目打包完成

6、后端项目部署到服务器

我在root中新建了文件夹myProject/iqiyi

然后通过工具xftp直接把jar包拖拽到目录下,即为上传成功。

运行后端项目:在xshell中进入到jar包所在的目录,然后输入命令 java -jar jar包的名字.jar

然后项目就可以启动起来了,成功启动后在浏览器直接输入后端接口的地址就可以得到相应的数据了

但是这个时候如果关闭了xshell,项目就自动停止了,

运行这个命令,nohup java -jar jar包的名字.jar >temp.txt & ,项目就可以在后台启动,关闭xshell没有影响

7、前端项目部署到服务器

npm run build 把Vue打包成单页面的HTML

上传到 /usr/local/nginx/下 改名html,原来的html文件加直接删掉即可

注意:mysql用的3306端口,80端口,22端口,项目自定义的端口都要开放防火墙和设置安全组

相关文章:

.NET泛型解析(下)

上一篇对.NET中的泛型进行了详细的介绍以及使用泛型的好处是什么,这篇将更加深入的去了解泛型的其他的知识点,重头戏. 【1】泛型方法 上一篇我们也说过了,泛型可以是类,结构,接口,在这些泛型类型中定义的方法都可以叫做泛型方法,都可以引用由泛型类型本身指定的一个类型参数例如…

spark集群使用hanlp进行分布式分词操作说明

本篇分享一个使用hanlp分词的操作小案例,即在spark集群中使用hanlp完成分布式分词的操作,文章整理自【qq_33872191】的博客,感谢分享!以下为全文:分两步:第一步:实现hankcs.hanlp/corpus.io.IIO…

让VirtualBox的虚拟机器在电脑开机时自动启动

当你安装很多套Virtualbox的虚拟机器系统后,希望能在开机后自动启动虚拟机器的系统。 Linux (Host OS):在你的/etc/rc.local中加入下列几行VBoxVRDP -startvm WinXP & VBoxVRDP -startvm Win2003 & VBoxVRDP -startvm LinuxFC6 & Windows (Host OS): 开…

L1-025 正整数A+B

不确定的点: 1.数据用什么类型输入,如果用字符串类型输入,怎么判断它是不是正整数 2.怎么判断哪部分是A,哪部分是B 解析 c语言’\0’ 意思: 字符常量占一个字节的内存空间。字符串常量占的内存字节数等于字符串中字节…

制作显示欢迎信息的脚本程序

终端程序恐怕是Linux用户使用最为频繁的了。我的Debian系统启动后便是直接进入的终端界面。为了在每次登录时或者是在X视窗环境下打开终端程序时显示一些欢迎信息,比如当前的日期、名人警句等,从而可以增加一些生活情趣,就可以创建一个脚本程…

文章分页浏览(二)

分页的方法: View Code publicstringOutputBySize(stringp_strContent, stringbType) { stringm_strRet ""; intm_intPageSize 500;//文章每页大小 intm_intCurrentPage 1;//设置第一页为初始页 intm_intTotalPage 0; intm_intArticlelengt…

云计算时代,如何选择适合自己的云服务器厂商?

据百科定义,云服务器是一种处理能力可弹性伸缩的计算服务,帮助您快速构建更稳定、安全的应用,降低开发运维的难度和整体IT成本,使您能够更专注于核心业务的创新。云服务器相对传统服务器有些优势:按国内市场上云服务器…

解决mysql建立的数据库名字不能带大写字母

1、在安装目录下,找到 my.ini文件 2、找到 [mysqId]节点 3、在它下面添加 lower_case_table_names2如果设置为0的话,我的Mysql服务不能重启 4、重启Mysql 直接手动重启即可,在服务中,找到Mysql服务,先停止&#xff0c…

CSS position财产

CSS在position位置信息要素用于表示属性。 有三个起飞值:static, absolute, relative。假设元件不显式配置position财产,该元素默认position 值至static。 1、static:这是表示该元素依照排列和嵌套的顺序和规则应该在的位置,此时设…

通过产品ID得到collection!!!

You can do as following for filtering products id 10 and 12$products->addAttributeToFilter(entity_id, array(in>array(10,12)));当然这种方式的上面,必须用 ->addAttributeToSelect();下面这种方式比较实用的,如果想按照名字排序&#…

jupyter notebook出现cannot import name 'create_prompt_application'问题(Died Kernel)

应该是在安装其它python第三方库时更新了prompt-toolkit版本,降级到下面的版本即可: sudo pip install prompt-toolkit1.0.15 转载于:https://www.cnblogs.com/darklights/p/10302706.html

导入sql时出现Invalid default value for ‘create_time‘报错处理方法

(上图是初始的sql文件的内容) 在开发微信小程序时,需要导入.sql文件,但是最一开始导入的时候没有任何改动进行了导入,报错如下 PS E:\weichatApp\my-project\server> node tools/initdb.js 开始初始化数据库... 准…

Python相关机器学习

Python机器学习库 Python的机器学习库汇总与梳理 机器学习之开源库大总结 转载于:https://www.cnblogs.com/SFMing/p/4590261.html

Django 图片上传upload_to路径指定失效的问题记录

为什么80%的码农都做不了架构师?>>> 初始方法一: 疑虑:model使用upload_to自定义路径方法失效,指定路径也失效。最后以Views中指定MEDIA_URL和MEDIA_ROOT做拼接,并且自行判断并建立文件夹,手动…

javascript tab切换类LixTabs最新版

javascript Tab切换类LixTabs,更新至0.5版: 受snandy的“读jquery”系列的启发,改进了代码,现在调用LixTabs时不用加new了。即可以这样写:var tab Tabs();把原来的参数evt,改成了易理解的event(我的疏忽)总代码量&…

linux虚拟机文件挂载

把U盘中的文件上传到linux虚拟机中,可以采用挂载的方式。 (1)启动虚拟机 (2)把U盘插入电脑中 (3)输入命令 fdisk -l可以查看新的分区 (4) cd /mnt mkdir usb mount /d…

HDU 1757 A Simple Math Problem

Problem Description Lele now is thinking about a simple function f(x).If x < 10 f(x) x.If x > 10 f(x) a0 * f(x-1) a1 * f(x-2) a2 * f(x-3) …… a9 * f(x-10);And ai(0<i<9) can only be 0 or 1 .Now, I will give a0 ~ a9 and two positive intege…

mariadb 内存占用优化

本文由云社区发表 作者&#xff1a;工程师小熊 摘要&#xff1a;我们在使用mariadb的时候发现有时候不能启动起来&#xff0c;在使用过程中mariadb占用的内存很大&#xff0c;在这里学习下mariadb与内存相关的配置项&#xff0c;对mariadb进行调优。 查询最高内存占用 使用以下…

windows程序设计之对话框简介1

这里先介绍下wParam和lParam&#xff0c;对于鼠标而言&#xff0c;LOWORD(wParam)和HIWORD(wParam)代表鼠标位置x,y坐标&#xff0c;对于菜单和控件而言&#xff0c;两者wParam的低字节都是各自的ID&#xff0c;即LOWORD(wParam)都是ID。两者的高字节对菜单而言是0&#xff0c;…

linux虚拟机下安装Tomcat

&#xff08;1&#xff09;首先通过挂载的方式把 tomcat的安装包从U盘上传到虚拟机中 我上传的路径是 &#xff1a;usr/tomcat &#xff08;2&#xff09; cd /usr/tomcat tar xzvf 压缩包的名字 ##进行解压&#xff08;3&#xff09;进到tomcat安装目录下的bin文件夹 ./…

unity中使用自定义shader进行光照贴图烘培无法出现透明度的坑爹问题

最近开发中在对场景进行光照贴图烘焙时发现一个坑爹问题&#xff0c;在使用自定义shader的时候&#xff0c;shader命名中必须包含Transparent路径&#xff0c;否则烘焙的时候不对alpha通道进行计算&#xff0c;烘焙出来都是狗皮膏药 比如一个shader叫 Shader "xx/UnlitAlp…

动软代码生成器教程——懒人有福了

很多时候项目必须是三层架构模式&#xff0c;但是很多繁琐的代码让多数程序员闹心……那有没有一个省时省力的工具快速的帮我们搞定三层架构呢&#xff1f;回答是肯定的&#xff0c;很早之前技术牛人李天平就开发出了这么一款工具&#xff0c;目前该工具还在不断的更新&#xf…

unity3d做简单小游戏可以吗?

可以吗&#xff1f;当然。如果是独立开发&#xff0c;主要在美工&#xff0c;这类的游戏程序简单&#xff0c;有些基础就行&#xff0c;美工要做得好可不容易&#xff0c;要是效果要求不高&#xff0c;随便在max拉几个模型吧。unity方面&#xff0c;熟悉一下&#xff0c;如果有…

逻辑覆盖测试(一)语句覆盖

语句覆盖&#xff1a; 设计测试用例时保证程序的每条语句至少执行一次。 简单来说&#xff0c;就是每个语句都覆盖一遍。 例子&#xff1a; 流程图如下&#xff1a; 测试用例如下&#xff1a; x4,z9&#xff0c;第一个if语句执行到了&#xff1b; x4,y7,第二个if语句为true…

「小程序JAVA实战」小程序的视频展示页面初始化(63)

转自&#xff1a;https://idig8.com/2018/09/24/xiaochengxujavashizhanxiaochengxudeshipinzhanshiyemianchushihua62/ 进入列表详情&#xff0c;展示点赞状态用户的名称&#xff0c;头像名称。源码&#xff1a;https://github.com/limingios/wxProgram.git 中No.15和springbo…

.NET判断字符串是否是数值型或xxx型

using System.Text.RegularExpressions; Regex digitregex new Regex("^[0-9]\d*[.]?\d*$"); if (!digitregex.IsMatch(TextBox1.Text)) { TextBox1.Text""; MessageBox.Show("只能输入数字&#xff01;","提示…

Spring.net使用说明

使用方法&#xff1a;1.在配置文件设置Spring.net 节点在配置节中&#xff0c;声明Spring.net&#xff0c;配置 context&#xff0c;objects 标签&#xff0c;来源&#xff08;type&#xff09;<!--配置节&#xff1a;主要用来 配置 asp.net框架之外的 标签&#xff0c;告诉…

逻辑覆盖测试(三)条件覆盖

条件覆盖&#xff1a;设计测试用例时应保证程序中每个复合判定表达式中&#xff0c;每个简单判定条件的取真和取假情况至少执行一次。 例子&#xff1a; 流程图&#xff1a; 测试用例&#xff1a; 程序中一共两个if语句&#xff0c;都是复合判定条件&#xff0c;其中的简单…

Linux UserSpace Back-Door、Rootkit SSH/PAM Backdoor Attack And Defensive Tchnology

catalog 0. 引言 1. Pam后门 2. SSH后门 3. Hijacking SSH 4. Hijacking SSH By Setup A Tunnel Which Allows Multiple Sessions Over The Same SSH Connection Without Re-Authentication 5. Hijacking Active SSH Screen Sessions 0. 引言 0x1: 安全攻防观点 1. Know Your …

澳大利亚多地热浪来袭 最高温度超40摄氏度

中新网1月24日电 据澳洲网报道&#xff0c;近日&#xff0c;澳大利亚多地热浪来袭&#xff0c;其中&#xff0c;南澳和维州的部分地区气温将飙升至40摄氏度以上。维州政府发布声明&#xff0c;提醒民众做好应对高温天气的准备。资料图&#xff1a;当地时间1月21日&#xff0c;澳…