SpringBoot项目前后端分离部署到阿里云(前端)

最新推荐文章于 2025-02-27 00:25:26 发布
原创 最新推荐文章于 2025-02-27 00:25:26 发布 · 2.2k 阅读 · 2
标签
#apache #阿里云 #html
本文介绍了如何将前端HTML页面部署到阿里云，通过Apache服务器运行。首先下载Apache，然后配置Apache的配置文件，将公网IP和（可选的）域名添加。接着将页面复制到指定目录，并修改项目中访问路径的localhost为公网IP和后端端口。最后通过XFTP上传页面，通过公网IP+端口即可访问。

前端html页面我是打算用apache服务器运行

下载apache

在Xshell输入代码

yum install httpd httpd-devel

在这里插入图片描述

输入y确认
在这里插入图片描述

启动并且验证

service httpd start

service httpd status

配置apache文件

1.找到apache的配置文件apache2.conf

cd /etc/apache2

vim apache2.conf

2.添加如下代码

NameVirtualHost 39.xx.xxx.xxx.xx
<VirtualHost 39.xx.xxx.xxx.xx >
<VirtualHost www.xxx.xxx>

39.xx.xxx.xxx.xx :阿里云公网ip
www.xxx.xxx：域名(没有也可以不设置）
在这里插入图片描述
3.ESC后:wq保存退出
4.Curl http：//公网IP/

最低0.47元/天 解锁文章
霾^O^葬
关注
前后端分离 -- SpringBoot + Vue实战项目 部署至阿里云服务器
wanghuichen的博客
04-18 2万+
领导让你把项目部署到Linux，什么，你不会？这就教会你！
SpringBoot项目前后端分离部署到阿里云(后端)
andaying的博客
03-04 1675
首先我的项目后台是用Eclipse进行开发，后端项目我是打算打成jar包在阿里云服务器运行 修改项目端口号 打成jar包意味着项目会带着自己的Tomcat的运行，所以一定要修改项目的端口号，不然会造成运行失败 1.打开项目的总配置文件：application.properties或者是application.yml （当然如果是有其他环境配置也可以在里面更改，我就说这个了） 添加或修改以下代码 s...
保姆级级教程——将springboot+vue前后端分离项目部署到阿里云服务器（包教包会）2023年最新版
leishangdangQIQ的博客
04-14 1万+
springboot项目部署到阿里云服务器上面。
【阿里云新手使用】Vue前端项目上传至阿里云服务器，并通过公网IP访问前端网站
weixin_47540834的博客
04-24 4409
vue脚手架只是开发过程中协助开发的工具，真正上线时，需要将vue项目转换成静态资源文件命令;运行成功界面：运行成功后会在项目根目录下生成dist文件夹，如下图：dist文件夹下的index.html文件就是打包出的页面文件，上线时将dist文件夹放置到云服务器即可但此时，去直接打开index.html是无法打开的，这需要下一步，配置相对路径。
前端部署实战（阿里云服务器+nginx）
qq_41167830的博客
07-05 3505
获得自己的服务器后，打开云服务器ECS控制台，在实例中找到自己服务器，点击远程连接，选择通过WorkBench远程连接。开始之间需要安装xshell用于连接服务器，安装xftp用于上传文件，安装完毕后打开xshell，新建一个会话，主机填服务器的公网地址，可在阿里云实例页面查看，填好后点击确定。qiankundemo的主应用和子应用均部署在同一个服务器上，主应用中子应用的配置如下，entry设置为环境变量，开发和部署时分别指向不同的入口，打开服务器公网地址，出现以下页面，说明nginx启动成功。
vue3项目部署在阿里云轻量应用服务器上
qq_53243414的博客
11-23 1942
vue项目部署在阿里云服务器上
前端项目阿里云服务器部署流程
weixin_42435390的博客
02-10 760
记录一下工作中遇到了部署阿里云服务的过程#全局块 ：配置影响nginx全局的指令。一般有运行nginx服务器的用户组，nginx进程pid存放路径，日志存放路径，配置文件引入，允许生成worker process数等。#配置用户或者组，默认为nobody rootuser root;#允许生成的进程数，默认是1#指定nginx进程运行文件存放地址events { #event块：配置影响nginx服务器或与用户的网络连接。
通过宝塔面板部署一个SpringBoot+Vue前后端分离项目的指南（三更）
热门推荐
mest的博客
02-01 2万+
阿里云服务器->FinalShell->宝塔面板。 近期需要将自己的一个SpringBoot+Vue前后端分离项目，并且是分模块开发的项目部署到服务器上，记录一下踩坑的地方，结合C站大佬的解决方案，循循善诱一步步部署到服务器上，简单，快速！三更Blog；阿里云服务器，宝塔面板。
Spring Boot + Vue 前后端分离项目的部署
qq_45716120的博客
02-07 4616
把 spring boot 的 jar 包上传至服务器任意目录，然后通过 后台运行 Jar 命令运行程序 注意修改端口，以及阿里云、宝塔的放行 服务器查看进程 ps -ef | grep java 后台运行 jar nohup java -jar shareniu.jar >log.txt & 根据端口杀死进程 sudo fuser -k -n tcp 8080 ...
前端项目部署到阿里云服务器过程
最新发布
m0_50578192的博客
02-27 570
1. 之前的项目里用到了this.$route，打包部署后访问会报错：TypeError: Cannot read properties of undefined (reading '$route')<template>修改成如下形式，重新打包部署即可</script><template>2. 跳转到/xxx页面后，刷新就会404，与History工作原理相关，应由index.html处理路由。
vue/react/web前端项目部署到阿里云服务器_nginx_pm2流程及部署前的准备
subsistent的博客
03-24 1383
终端进入到项目根目录，执行 npm run build，对项目进行打包，打包成功显示如下，打包完成后在根目录下会生成一个 build 的文件夹（如果是vue项目，会生成 dist 文件夹），部署就是将 build 或者 dist 文件夹里的内容放在公网上。在本地创建项目的配置文件，cookbook.conf 文件（内容如下），将项目的配置文件，上传到 /etc/nginx/conf.d 目录下。启动成功后，在浏览器中访问项目，项目页面和接口数据都可以正常访问，就算退出与服务器的连接，也不影响项目的访问。
前端项目部署，阿里云服务器部署前端项目，超详细
weixin_43239880的博客
03-10 1万+
作为一个前端，特别身处于中小公司时，对于部署也需要有所了解。本次就介绍前端基础的项目部署。本次使用的是阿里云服务器进行的部署。
关于前端项目部署到阿里云服务器
vivoom的博客
05-19 3440
关于前端项目部署到阿里云服务器1.获取项目中打包后的dist文件夹2.本地电脑连接远程阿里云服务器3.在计算机后面的输入框中，输入您的云服务器的外网IP地址，然后单击 连接4.输入您云服务器的用户名和密码即可登录5.在服务器上安装nginx，打开nginx文件，找到html文件夹并把dist文件夹下的资源放到html文件夹下。6.在conf下找到nginx.conf文件并打开。7.将nginx下的配置文件（/nginx/conf/nginx.conf）里的server节点配置改为要配置的域名8.配置改完后测
前端项目部署到阿里云
PresByter的博客
01-21 7457
由于本人是个前端这里只介绍前端项目的部署（后台的部署见下一篇） 准备工作 下载两个软件Xshell和Xftp（也可以使用WinSCP;我使用的是windows系统） 购买阿里云，看需要选配置吧，系统一般选Ubuntu和CentOS;我选的是Ubuntu； 登录阿里云 点击控制台 点击左侧【云服务器ECS】—&amp;gt;[实例] 注意下图-标记的地方 是你登录阿里云的域名 使用Xshell 打开软...
详解前端项目在阿里云服务器上的部署过程
Liut2016的博客
08-31 4151
项目上线需要部署到阿里云服务器上，由于刚刚申请的阿里云服务器没有项目环境，因此需要进行环境配置和项目部署。在这个过程中也踩到了几个坑，因此记下来供大家参考。 创建用户 参考链接：Ubuntu16.04系统中创建新用户 切换为root用户以获取创建用户的权限 $ sudo su 添加新用户（在本文中用户名为hellocrease） $ adduser hellocrease 根据系统提示...
前端代码上传到阿里云服务器上（OSS）
坤音女孩的博客
12-13 1万+
1.登录阿里云服务器–点击控制台–点击左侧栏的对象存储OSS 2.点击对象存储OSS–新建Bucket （新建Bucket–填写Bucket名称–选择区域–选择存储类型–选择读写权限） 3.点击对象存储OSS–选择刚新建的Bucket–概览–复制Bucket域名发给后台，后台添加子域名 4.点击CDN–域名管理–点击后台已添加的域名进行配置：CNAME、类型、地址（Bucket 域名）、回...
前端项目部署到阿里云 持续运行（2)
李炸鸡的博客
10-30 540
之前写的前端项目部署到阿里云，有一个缺陷就是系统会自动清理进程，这时候需要自己重启服务。 基础使用 后来了解到，有一个管理进程的npm库: pm2，能够保持进程不被杀死 进入服务器 cmd -> ssh root@yourIp 下载pm2（全局） npm install pm2 -g 使用 pm2 start 'location of serve.js' 如果serve是全局安装的，命令为...
vue项目部署到阿里云上详解（一次详细的部署）
qq_30108237的博客
05-13 5114
首先，买一台云服务器是必要的，我使用的是阿里云服务器CentOS 7.4 64位操作系统。 在整个vue-cli项目上线过程中，我遇到了很多问题。不过，最终圆满解决了，因此在这里记录一下。 遇到的问题： 云服务器连接 vue项目打包上线 nginx安装配置 本地json数据无法访问 vue路由页面无法访问 一、使用Xshell连接云服务器 1、百度下载一个Xshell+Xftp6并安装。 2、打开Xshell,建立与远程服务器的连接 注意：上图的主机就是阿里云上创建的实例的公网ip 3、配置好主机后点
[详细教程]SpringBoot+Vue前后端分离项目部署到阿里云服务器
摸魚的猫博客
07-20 1万+
Springboot+Vue前后端分离项目的部署
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值