springboot+Vue项目部署到云服务器上

一、下载配置ngnix

1.压缩包下载并上传

链接: https://pan.baidu.com/s/1m2LKV8ci4WXkAWdJXIeUFQ 提取码: 0415 

2.解压

tar -xzvf 压缩包名

3.编译nginx

在解压好的文件夹下,依次执行:

 ./configure 

来到nginx默认安装路径/usr/local/nginx

依次执行命令

make
make install

4.验证安装成功 

 在浏览器输入云服务器的ip,可以访问到,就是没有问题。

(默认端口是80,可以不输)

在进行项目打包之前要确认项目中的localhost已经改成了服务器的ip

二、打包前端vue项目

1.删除/usr/local/nginx/html下面的两个文件

2.配置nginx代理服务

 配置文件的位置如图所示

3.注释掉报错跳转页面

配置(注意{}括号) 

在vue项目的命令行中执行 npm run build打包

npm run build

将 产生的dist文件夹下面的文件上传到/usr/local/negix/html文件夹中

访问服务器ip就能看到vue项目的页面了。 

三、打包后端springboot项目

在target文件夹下生成了一个jar包。

可以先在本地cmd窗口,运行一下看看有没有问题。

java -jar jar包名字

 上传到云服务器任意文件夹下,后台运行

nohup java -jar demo.jar &

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/817973.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【鸿蒙开发】饿了么页面练习

0. 整体结构 整体划分3部分。店铺部分,购物车部分,金额统计部分。使用 Stack 把3部分堆叠 0.1 整体页面 Index.ets 修改 Index.ets ,使用堆叠布局,并居底部对齐 import { ElShop } from ../components/ElShop import { ElShopp…

Linux下的文件权限

Linux下的文件权限 一、Linux下的文件权限 文件权限是指不同的用户、用户组或者其他组对某个文件操作时所拥有的权限。在linux下文件的权限分为三种: 读权限、写权限、可执行权限。 当我们使用ls -l命令查看文件信息时可以得到如下内容: -rw-rw-r…

Golang连接操作MongoDB基础处理

目录 一、各步骤操作连接数据库插入数据查询多条数据删除数据分组查询数据 二、总代码 一、各步骤操作 下面查询使用到的bson.M和bson.D差不多,只要区别在于M内部元素是无序的map,D是有序的切片 连接数据库 func connectDB(ctx context.Context) {clien…

Linux之防火墙命令

1、查看防火墙状态 systemctl status firewalld1.1、开启防火墙 service firewalld start1.2、重启防火墙 service firewalld restart1.3、关闭防火墙 service firewalld stop2、查看防火墙规则 firewall-cmd --list-all # 查看全部信息 firewall-cmd --list-ports # …

C#版Facefusion ,换脸器和增强器

C#版Facefusion ,换脸器和增强器 目录 说明 效果 项目 调用代码 说明 Facefusion是一款最新的开源AI视频/图片换脸项目。是原来ROOP的项目的延续。项目官方介绍只有一句话,下一代换脸器和增强器。 代码实现参考 https://github.com/facefusion/f…

软件工程及开发模型

根据希赛相关视频课程汇总整理而成,个人笔记,仅供参考。 软件工程的基本要素包括方法、工具和(过程) 方法:完成软件开发的各项任务的技术方法; 工具:运用方法而提供的软件工程支撑环境&#xff…

基于STM32的RFID智能门锁系统

本文针对RFID技术,着重研究了基于单片机的智能门锁系统设计。首先,通过链接4*4按键模块与主控STM32,实现了多种模式,包括刷卡开锁、卡号权限管理、密码开锁、修改密码、显示实时时间等功能。其次,采用RC522模块与主控S…

【学习笔记十四】EWM发货流程概述及相关配置

一、EWM发货流程与ERP集成配置 1.将凭证类型从 ERP 系统映射至 EWM ERP交货单凭证类型LF映射到EWM凭证类型OUTB 2.从 ERP 系统映射项目类型至 EWM ERP交货单凭证类型+ERP交货单项目类型TAN映射到EWM项目类型是ODLV 3.定义出库交货的参数文件 ①定义外向交货处理的凭证类型OUT…

Opentelemetry——Instrumentation-Code-based

Code-based Learn the essential steps in setting up code-based instrumentation 了解设置基于代码的测量装置的基本步骤 Import the OpenTelemetry API and SDK 导入 OpenTelemetry API 和 SDK You’ll first need to import OpenTelemetry to your service code. If you…

Mamba论文笔记

Mamba论文 结合序列建模任务通俗地解释什么是状态空间模型?创新点和贡献 为什么Mamba模型擅长捕获long range dependencies? 结合序列建模任务通俗地解释什么是状态空间模型? 状态空间模型(State Space Model, SSM)是…

举个栗子!Tableau 技巧(270):用 Lookup 函数创建多 KPI 文本表

在 Tableau 中,文本表常用于呈现明细数据。但其实,数据粉如果想在同一视图中查看多个数据指标,也可以用到文本表。 如下示例,是不是很直观的就可以查看:不同区域随时间推移的数据指标情况呢? 如何在 Tablea…

vue3 pinia本地存储

vue3 pinia本地存储 1.安装pinia和本地存储插件 npm install pinia npm i pinia-plugin-persistedstate2.在main中全局配置 import { createPinia } from pinia import { createPersistedState } from pinia-plugin-persistedstateconst pinia createPinia() pinia.use(cre…

app证书在设置在哪

根据近日工业和信息化部发布的《工业和信息化部关于开展移动互联网应用程序备案工作的通知》,相信不少要进行IOS平台App备案的朋友遇到了一个问题,就是apple不提供云管理式证书的下载,也就无法获取公钥及证书SHA-1指纹。 已经上架的应用不想重…

Langchain入门到实战-第二弹

Langchain入门到实战 Langchain快速入门官网地址Langchain概述Langchain调用大模型更新计划 Langchain快速入门 官网地址 声明: 由于操作系统, 版本更新等原因, 文章所列内容不一定100%复现, 还要以官方信息为准 https://python.langchain.com/Langchain概述 LangChain是一个…

Awaited,Promise

下面是一个简单的示例&#xff0c;展示了如何使用 Awaited<T>&#xff1a; 假设有一个 getInitialState 函数&#xff0c;它返回一个 Promise&#xff0c;解析后的值是一个对象&#xff0c;结构如下&#xff1a; // app.ts export async function getInitialState(): P…

LOCK、ACC、ON、START的含义及正确使用

背景 前段时间在开发一个远程锁车的需求时&#xff0c;讨论到了电源状态的场景。由于初次进入汽车电子行业&#xff0c;对很多基础概念不清晰。当时听主机厂商的同事介绍一遍后&#xff0c;并不是很理解。于是趁着空闲&#xff0c;给自己充充电&#xff0c;也希望能够帮到有需…

ChatGPT个人专用版 SSRF漏洞复现(CVE-2024-27564)

0x01 产品简介 ChatGPT个人专用版是一种基于 OpenAI 的 GPT-3.5 、GPT-4.0语言模型的产品。它是设计用于 Web 环境中的聊天机器人,旨在为用户提供自然语言交互和智能对话的能力。PHP版调用OpenAI接口进行问答和画图,采用Stream流模式通信,一边生成一边输出。前端采用EventS…

php:实现压缩文件上传、解压、文件更名、压缩包删除功能

效果图 1.上传文件 2.压缩包文件 3.itemno1文件 4.上传到系统路径\ItemNo 5.更名后的itemno1文件(命名&#xff1a;当天日期六位随机数) 代码 <form action"<?php echo htmlspecialchars($_SERVER[PHP_SELF], ENT_QUOTES, UTF-8); ?>" method"post…

Udio——革命性的AI音乐生成软件

Udio是一款革命性的AI音乐生成软件&#xff0c;由前谷歌DeepMind的顶尖AI研究人员和工程师共同创立&#xff0c;得到著名风险投资公司a16z的支持。它旨在为音乐爱好者和专业人士提供一个全新的音乐创作和分享平台。用户可以通过文本提示来生成音乐&#xff0c;支持广泛的音乐风…

react项目规范新手教程

简介 React是一种流行的JavaScript库&#xff0c;用于构建用户界面。搭建一个React项目并不难&#xff0c;但确保项目的结构和配置正确可以帮助你更有效地开发和维护应用程序。以下是搭建React项目的一些步骤&#xff1a; 项目规范&#xff1a;项目中有一些开发规范和代码风格…