学会应用宝塔面板轻松部署Vue-Springboot前后端分别名目 (学会应用宝塔软件)

文章编号:11234 更新时间:2024-03-16 分类:互联网资讯 阅读次数:

资讯内容

首先说一点,我也是遇到了这样的疑问,而后自创了很多博主的想法,汇合在一同宣布这篇文章的,假设有侵权行为请立刻与我咨询。(当然还是我作为日常的代码记载用的。)

(我是用的若依成熟的Springboot框架,是开源收费给大家学习的。不知道的同窗下方提供网址。)

若依治理系统

在主机部署前端,我也是第一次性接触,略懂略懂,当然也自创了很多大佬的想法。(如有侵权行为请立刻与我咨询!谢谢!)

看到这篇文章的家人要确认一下哦~~合乎我的状况的在继续看下去。

后端部署(倒上来了,是想让你们先看到我的疑问,所以~~~)

我是不可经常使用Spingboot模块一键部署前后端分别,就是上方这个板块。

留意到打框的局部,我只管是前后端分别的,然而不能经常使用这个,宝塔给出的揭示是前后端分别不允许apache,

我想或者是其余的站点经常使用apache的时刻形成影响,我搞了很久,而后给出了一下的处置打算。

重点就在于不选用前后端分别,哈哈,是不是很奇异?

原理其实和间接命令行运转jar文件是一样的,只是放到宝塔外面。

打包Jar

打包之前你要确认你在主机建设的数据库的表和明码和后端性能application-druid.yml中的内容是分歧的,才行,要重复确认哦~~

首先明确一点,关于后端的打包名目,有两种打包路途,一种是jar,另一种是war,其中ruoyi框架中自动是打包jar文件的。

若依的官方对目录也有具体的解释,其中找到bin目录,咱们应用cd命名进入到该目录中。

1.运转其中的clean.bat,文件。(假设之前没有打包过,可以跳过这个步骤,不过最好还是要的。)

2.再运转package.bat文件,期待程序打包完,打包完成是上方的样子。

3.之后咱们找到文件目录,ruoyi-admin文件(假设你没有改若依自动门路称号的话,自动是叫ruoyi-admin),咱们找到文件中的target文件,你会看到以jar开头的文件(自动是jar,另一种war等会讲。)

4.关于jar文件我目前接触到的部署形式,仅仅只是将他放在主机中,而后经过cmd运转窗口将它运转而已。

jara-jarruoyi-admin.jar
学会应用宝塔面板轻松部署VueSpring

口头上述代码即可运转,此前的部署形式是比拟笨的,也是作为初学者第一次性接触的,不倡导。

5.最后一步,要想从外界访问后端记得将端口关上,ruoyi自动是8080端口作为后端端口,你可以经常使用公网

ip+8080的形式来访问。

选用门路后

咱们选用名目门路,就是你上行打包好的jar文件的中央。端口必定是和这个中央相反的!!

其余的他会智能填,然而也要确认下这个局部的端口。

而后给后端取一个域名。

提交后,你的后端就部署好了,你可以访问后端试试看,不过记得安保狗的端口权限要开。

前端部署

首先呢,要想部署前端咱们要知道一点,往常访问的网站是不是都是www.***.com,.cn这一类的?

是不是素来没有见过经过IP访问的(外部除外哈),这是由于他们设置了域名,经过设置域名于二级域名来对网站启动访问。所以咱们第一步要处置的就是建设网站。

我这里临时用不了一级域名,先用二级域名IP访问来替代。

关上宝塔的网站面板

减少站点

域名就如他的例子一样取一个。

根目录他智能会填充不用管。

我是没用到FTP

数据库你没有单独创立的话,就在这里创立,记得要记住账号明码,没记住也没事,在数据库面板中能够检查到。

而后间接提交,你就有一个网站了。

由于我这里只能经常使用二级域名所以我加了一个IP+端口启动访问。

而后就是网站目录,目录就是你减少站点的时刻智能填充的那个,这个你也不用管。接上去的才是重点,很多人会弄错。

运转目录!!!

这里就触及到前端的打包了,打包完会生成一个dist文件夹,假设你把这个文件夹放在网站目录下,那你的运转目录就是"/dist"

否则,你将文件夹的内容放在网站目录下,你的运转目录就是"/",切记!!我由于这个搞了良久哇!

反向代理那些如同是有正式的域名之后才有用,我是没有用到。

应该先将打包的,不过如今讲也没事

我经常使用的是Vue2后盾治理系统模板,这外面在src文件夹下有一个setting.js文件,我在这外面修正前端页面的消费,测试,开发环境,在这外面的端口必定要改成后端访问的端口,关于后端的部署内容,我另一篇文章有提到如何经常使用宝塔面板部署后端java打包文件。

改完后找到根目录下的vue.config.js文件。

确认其中的publicPath能否正确。

还有一点,假设没有setting.js文件的同窗,就在上诉代码的位置下拔出以下内容。

其中的target可不是127.0.0.1:8080,那是本地启动用的,你要改成你主机的ip+端口才行。

而后到根目录下口头npmrunbuild:prod,在消费环境下打包。

而后会获取一个dist文件夹,将他打包上行到主机外面,打包上行会快很多,不要想着远程分享间接拖过去。

上行完解压,按之前提到的步骤将文件放到名目目录下。

而后你就可已经过ip地址+端口就能访问到你的前端页面拉!!!~~~

标签: Java后端技术宝塔面板

本文地址: https://yihaiquanyi.com/article/074cc0c2d0d11b60e819.html

上一篇:图文教程利用宝塔面板将WordPress原网站内...
下一篇:学会在NAS上利用Docker安装宝塔面板实现服...

发表评论