Linux/麒麟系统上部署Vue+SpringBoot前后端分离项目

已于 2023-11-24 15:58:59 修改
阅读量1.4k 收藏 6
点赞数
文章标签： Linux nginx vue spring boot
于 2023-11-16 14:50:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ChickenBro_/article/details/134433860
版权
本文详细介绍了如何在Linux或麒麟系统上部署Vue+SpringBoot的前后端分离项目。首先，讲解了前端如何创建环境配置文件，并进行打包；然后，介绍了后端的环境配置文件创建与打包；接着，演示了Nginx的下载、安装、启动，以及前端项目的部署；最后，阐述了后端SpringBoot项目的配置与启动，确保项目能够正常运行。
摘要由CSDN通过智能技术生成

目录

1. 前端准备工作

        1.1 在项目根目录创建两份环境配置文件

        1.2 环境配置

2. 后端准备工作

        2.1 在项目resources目录创建两份环境配置文件

        2.2 环境配置

3. 前后端打包

        3.1 前端打包

        3.2 后端打包

4、服务器前后端配置及部署

        4.1 下载、安装、启动Nginx

        4.2 前端项目部署到Nginx

        4.3 后端配置

1. 前端准备工作

1.1 在项目根目录创建两份环境配置文件

1.2 环境配置

.env.development

# 开发环境
NODE_ENV = 'development'

# 指定项目的API请求URL
VUE_APP_BASE_TARGET='http://127.0.0.1:8888'

# 指定项目启动地址
VUE_APP_BASE_HOST='127.0.0.1'

# 指定项目启动端口
VUE_APP_BASE_PORT=80
最低0.47元/天 解锁文章
小牛同学_
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
中标麒麟部署SpringBoot项目（和CentOS7类似）
abcd
12-23 2128
一、中标麒麟(NeoKylin Desktop release 7.0 (x86), Linux localhost 4.4.13-200.nd7.1.x86_64 #1 SMP Fri Jun 24 17:24:12 CST 2016 x86_64 x86_64 x86_64 GNU/Linux)安装系统时需要注意的事情： 1、使用UltraISO制作U盘启动盘时需要选择写入硬盘里面要选择： 写入方式选择：USB-HDD+ 便捷启动里面选择：写入新的驱动器引导扇区里面选择：Syslinux 便捷启动里面.
麒麟系统（arm64/aarch64）部署Docker、Docker-compose及Spring boot项目
andyLyysh的博客
04-24 1239
总结项目部署经验，不断自我成长。最近刚好完结了一个项目，正好闲下来可以总结一下这次项目部署经验；为什么需要总结经验，方便日后遇到相同环境问题能够快速解决。这次的部署跟以往的部署的系统架构不同，此次项目应用是部署在政务云（麒麟系统）服务器上，关于麒麟系统的相关资料网上很少，因此在应用上线部署时花费了不少时间。
springboot+vue前后端分离项目部署到linux中
shmilyil的博客
04-13 351
springboot+vue前后端分离项目部署到服务器上面
麒麟系统部署若依医疗项目（分离版）
最新发布
2301_77358096的博客
06-14 1101
在终端输入：安装指令：sudo yum install openssh-server启动指令：systemctl start sshd查看状态：systemctl status sshd。
银河麒麟v10+飞腾2500 springboot+vue项目Docker-arm64部署
GSL_566的博客
03-26 454
1、和官方申请达梦数据库-arm64版本的数据库2、命令启动容器：参数说明：docker run ：该命令用于创建并启动一个新的 Docker 容器。-d ：以后台模式运行容器（分离模式）。--name dm8 ：为容器指定名称为 “dm8”。--restart=always ：配置容器在意外停止时始终重新启动。--privileged=true ：授予容器对主机系统的特权访问。-p 5236:5236 ：将主机的 5236 端口映射到容器的 5236 端口，允许网络访问。
【转】 中标麒麟部署SpringBoot项目（和CentOS7类似）
Aaron
05-06 509
原文地址：https://blog.csdn.net/weixin_51078285/article/details/111562384
Vue+Spring Boot前后端分离项目在Linux系统部署
qq_40593244的博客
05-25 1026
Vue+Spring Boot前后端分离项目在Linux系统部署
从0到1学会在Linux中部署SpringBoot+Vue前后端分离项目
weixin_45872600的博客
06-17 1419
前端项目会。
Linux系统中前后端分离项目部署指南
lz17267861157的博客
02-25 1720
Linux环境下前后端分离部署实践 前言 随着现代软件开发模式的演变，前后端分离架构逐渐成为主流。这种架构模式将前端界面与后端业务逻辑分开，使得两者可以独立开发、测试和部署，大大提高了开发效率和可维护性。而Linux作为一款稳定、高效的操作系统，在部署前后端分离项目时发挥着不可或缺的作用。 在本文中，我们将深入探讨在Linux环境下如何进行前后端分离项目的部署。我们将从环境准备、配置管理、部署流程、性能优化等方面进行详细讲解，并提供一些实用的技巧和最佳实践。无论你是初学者还是有一定经验的开发者，相信本
前后端分离的Vue+SpringBoot项目在Linux服务器上的部署
weixin_45032622的博客
11-01 1889
在Linux服务器上需要提前安装好Nginx，jdk，mysql数据库（关于Linux安装的环境的教程网上有很多，大家可以去查看，这里就不细说了），安装的时候注意版本问题，当初，一个SpringBoot项目在本地运行没有问题，部署到服务器上，运行报错，查阅资料才知道服务器自带的jdk版本是1.7，而我本地用的jdk版本是1.8.
部署vue+Springboot前后端分离项目的步骤实现
10-15
本文将详细介绍如何部署一个Vue+SpringBoot的前后端分离项目。 首先，我们从单页应用（SPA）的概念开始。SPA是指在浏览器加载初始HTML页面后，所有后续交互都通过Ajax或其他异步技术进行，无需重新加载整个页面。...
前后端分离项目，springboot项目和vue项目部署到Linux服务器（详细步骤、有软件白嫖）-附件资源
03-02
前后端分离项目，springboot项目和vue项目部署到Linux服务器（详细步骤、有软件白嫖）-附件资源
vue+springboot前后端分离实现单点登录跨域问题解决方法
08-28
Vue+SpringBoot前后端分离实现单点登录跨域问题解决方法 单点登录概述 单点登录（Single Sign-On，SSO）是指用户只需登录一次，即可访问所有相关的应用系统，而不需要在每个系统中重复登录。这种机制可以提高用户...
vue+springboot前后端分离项目源码
10-09
在本项目中，我们探索的是一个基于Vue.js前端框架与SpringBoot后端框架实现的完整、功能丰富的前后端分离项目。这个项目集成了多个关键组件和技术，如Redis内存数据库、Druid数据源连接池以及RabbitMQ消息中间件，...
vue+springboot前后端分离项目实战：豆宝社区
04-22
vue+springboot前后端分离项目实战：豆宝社区 vue+springboot前后端分离项目实战：豆宝社区 vue+springboot前后端分离项目实战：豆宝社区 vue+springboot前后端分离项目实战：豆宝社区 vue+springboot前后端分离项目...
网上书店Vue+SpringBoot前后端分离项目（包含数据库脚本文件）高分项目
06-09
网上书店Vue+SpringBoot前后端分离项目（包含数据库脚本文件）高分项目含有代码注释，新手也可看懂。毕业设计、期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用，该项目可以作为毕设、期末大作业...
Linux前后端分离项目详细部署
m0_74915426的博客
02-25 1567
服务器1 weight是权重的意思，权重越大，分配的概率越大。命令: ./configure --with-http_stub_status_module --with-http_ssl_module。下载命令：wget http://nginx.org/download/nginx-1.13.7.tar.gz。好啦今天就到这里了哦！在/usr/local/nginx/conf目录下的nginx.conf中添加。安装好的 nginx 服务在 /usr/local/nginx/sbin 下。
linux系统基于Nginx实现前后端分离项目部署(SpringBoot+Vue2)
m0_61309742的博客
03-13 1944
黑客小红往A网站的网站内容中注入了一些非法内容(代码，获取用户的信息，并且将数据提交至小红的服务器)跨域安全策略: A->数据请求的地址不属于A网站而是B网站的，这时浏览器就禁止此请求完成。地址上，然后调用后端服务中对应的接口。应更换为部署后端项目所在的服务器。应更换为部署后端项目所在的服务器。应更换为部署后端项目所在的服务器。应更换为部署后端项目所在的服务器。启动后端项目（注意：要开放。如下所示即后端项目部署成功。，请更换相应的安装目录，以。：反向代理后端服务。：项目素材部署》中提供，
Linux中简单部署前后端分离的vue+springboot项目(使用nginx+tomcat)
huigebaba的博客
02-08 1155
文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import
云服务器Docker部署Vue+SpringBoot前后端分离项目详细教程
07-16
当然，我可以为您提供一个详细教程来帮助您部署Vue+SpringBoot前后端分离项目到云服务器上使用Docker。 首先，确保您已经完成以下准备工作： - 注册一个云服务提供商的账号，并创建一个云服务器实例。 - 在本地环境中安装了Docker，并熟悉Docker的基本操作。 - 本地已经安装了Node.js和npm，以及Vue CLI和Java开发环境。 以下是详细的步骤： 1. 登录到云服务器： 使用SSH工具连接到您的云服务器。例如，使用命令行工具执行以下命令： ``` ssh username@server_ip_address ``` 2. 安装Docker： 根据您的云服务器的操作系统，选择对应的安装方式进行Docker安装。以下是一些常见操作系统的安装命令： - Ubuntu: ``` sudo apt-get update sudo apt-get install docker.io ``` - CentOS: ``` sudo yum update sudo yum install docker ``` 3. 验证Docker安装是否成功： 执行以下命令来验证Docker是否已经成功安装： ``` docker version ``` 4. 构建Vue项目： 在本地开发环境中，使用Vue CLI创建Vue项目，并进行开发和测试。确保项目可以正常运行。 ``` vue create myproject cd myproject npm run serve ``` 5. 打包Vue项目： 在Vue项目根目录下执行以下命令，将Vue项目打包成静态文件。 ``` npm run build ``` 6. 创建SpringBoot项目： 使用Spring Initializr创建SpringBoot项目，并进行开发和测试。确保项目可以正常运行。 - 访问Spring Initializr网站：https://start.spring.io/ - 选择项目的基本设置，如使用的编程语言、构建工具、Spring Boot版本等。 - 添加所需的依赖项，如Spring Web、Spring Data JPA等。 - 点击"Generate"按钮下载生成的SpringBoot项目压缩包。 - 解压缩项目压缩包，并使用您喜欢的集成开发环境（IDE）打开项目。 7. 创建Dockerfile： 在SpringBoot项目的根目录下创建一个名为`Dockerfile`的文件，用于定义Docker镜像的构建步骤。在`Dockerfile`中添加以下内容： ``` FROM openjdk:8-jdk-alpine VOLUME /tmp ADD target/myproject.jar app.jar ENTRYPOINT ["java", "-jar", "/app.jar"] ``` 8. 构建Docker镜像： 在SpringBoot项目的根目录下执行以下命令，构建Docker镜像： ``` docker build -t myproject . ``` 9. 运行Docker容器： 执行以下命令，在Docker中运行SpringBoot项目的Docker容器： ``` docker run -d -p 80:8080 myproject ``` 10. 访问应用： 使用浏览器访问您的云服务器的公网IP地址，即可查看部署好的前后端分离项目。 希望这个详细教程能够帮助您成功部署Vue+SpringBoot前后端分离项目到云服务器上使用Docker。如果您有任何问题，请随时提问！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值