springboot + vue 前后台分离 ,使用时候的问题。

 springboot :

1 由于内置tomcat 容器,如果想用外置tomcat 就把塔排除掉。

但是排除后据说springboot配置文件application.properties 里面的配置就不能用了。

2 我们现在使用内置tomcat,我们知道,springboot默认打包是打成jar包,

然后把jar包拷贝到服务器上,执行cmd:

    java -jar jar包名称 进行运行。

打包:mvn package 或者如下图,完成打包。jar包在target文件夹下生成。

vue 

1 vue 环境的搭建和启动参考之前的博客。

2 vue 项目现在要进行编译,运行指令,生成dist目录

首先找到编译指令的配置文件,vue项目下package.json 文件中找到:

据图所知, 如果开发使用 cnpm run dev 

如果编译打包就用:

cnpm run build:prod

( 看个人设置了),这里意思是参照 build文件夹下的build.js 中的内容

现在知道指令然后,第二步执行,打开node.js dos界面,

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
搭建Spring Boot和Vue后端分离项目需要以下步骤: 1. 安装环境:首先,需要安装Java JDK和Maven来支持Spring Boot的开发。可以去官方网站下载并安装。然后,安装Node.js和Vue CLI来支持Vue的开发。 2. 创建Spring Boot项目:使用Maven创建一个Spring Boot的项目,可以使用宝塔面板自带的Maven插件进行构建,也可以通过命令行进入项目目录,运行`mvn clean install`来创建项目。 3. 编写后端代码:在Spring Boot项目中编写后端逻辑,包括接口的实现、数据库的操作等。可以选择使用Spring Data JPA来简化对数据库的操作。 4. 创建Vue项目:使用Vue CLI创建一个Vue项目,可以通过宝塔面板自带的Node.js插件进行创建,也可以通过命令行运行`vue create 项目名`来创建。 5. 编写端代码:在Vue项目中编写端逻辑,包括页面的布局、调用后台接口等。可以使用axios库来发送HTTP请求。 6. 配置跨域:由于后端分离的项目可能存在不同端口的情况,需要进行跨域配置。可以在Spring Boot项目的配置文件中添加`@CrossOrigin`注解,允许指定的域访问接口。 7. 打包部署:完成开发后,可以使用Maven将后端项目打包成一个独立的Jar文件。然后,将打包好的Jar文件上传到宝塔面板上的对应目录。将Vue项目使用`npm run build`命令打包成静态文件,然后将打包好的文件上传到宝塔面板对应的目录。 8. 配置Nginx反向代理:为了将后端项目结合在一起,可以使用Nginx配置反向代理,将端的请求转发给后端的接口。在宝塔面板上找到对应的站点,进行Nginx配置。 通过以上步骤,就可以搭建一个基于Spring Boot和Vue后端分离项目,并将项目部署到宝塔面板上进行访问和使用
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值