前端如何有云服务器(前端 服务端)
华为云服务器特价优惠火热进行中! 2核2G2兆仅需 38 元;4核4G3兆仅需 79 元。购买时间越长越优惠!更多配置及优惠价格请咨询客服。
合作流程: |
本篇文章给大家谈谈前端如何有云服务器,以及前端 服务端对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
微信号:cloud7591如需了解更多,欢迎添加客服微信咨询。
复制微信号
本文目录一览:
react+springBoot 项目部署到腾讯云
本文主要介绍如何搭建个人网站,并将项目部署到腾讯云。
前端:React,
后端:SpringBoot,
云服务:centos7
建议使用create-react-app创建react项目包,简单快捷。
进入项目路径,开始运行
直接使用项目自身的build指令进行打包,完成后会在项目根目录多出一个build文件夹
build文件中包含项目打包后的js、css、html...等资源。下一步的部署,就是将这一build文件上传到云服务器,并通过nginx指向build。
将上一过程中的build文件上传到云服务器,推荐使用ForkLift, 使用教程 。
进入云服务器,找到nginx文件,修改root指向build路径, nginx配置教程 。
上述操作完成后,打开域名后,页面即为react项目的首页。
建议使用idea进行springboot项目的开发(专业的事情交给专业的工具,简单些)。
idea搭建一个springboot项目
mysql: 官方地址
mysql管理工具Navicat: 官网地址
如果本地不想安装mysql,也可以直接在服务器上进行安装,然后在本地访问, 服务器安装mysql并实现远程访问 。
将本地springboot项目打包后,上传到云服务器并启动, Spring boot项目部署到腾讯云服务器 。
关于项目的启动并保持一致运行:可以在控制台输入
回车,nohup命令可以让你的shell命令忽略SIGHUP信号,即可以使之脱离终端运行;“”可以让你的命令在后台运行。
至此,前后端项目都已安装在云服务器上。
原文地址: react+springBoot 项目部署到腾讯云

如何把本地网站部署到云服务器上
一、购买云服务器,这里以腾讯云为例。
如何购买这里就不废话了,购买成功后腾讯云会给你一个站内信,告诉你登录服务器的用户名和密码(我这里买的是centos7.2版本的)
二、配置服务器
如果你购买的是学生版的,它的默认配置是没有数据盘的,只有一个系统盘,所以也不需要你进行分盘、格式化盘、挂载等操作。如非学生,请参考如下:
三、环境配置
如果运行自己本地开发好的网站需要一定的运行环境,那么云服务主机当然也要配置相应的运行环境,下面以lamp运行环境为例。通过yum命令安装MySQL和PHP,注意,在centos7.x版本里已经没有MySQL的集成包了(因为oracle想把MySQL闭源,社区人员开发出来maridb,也就是MySQL的衍生版)。具体细节请参考腾讯云官方文档:
四、把本地文件上传到云端服务器上
上传位置为 /root/var/www/html
五、上传数据库文件。
a、首先通过腾讯云的控制台或其他软件都可以登录到腾讯云的服务器上,登录MySQL数据库,然后创建数据库。
b、把sql文件放到指定目录下,然后通过source命令导入数据库文件。
source命令导入SQL文件详解链接
导入sql的命令行如下:
source “路径名”+/mytest_emp_dept.sql
==================================
六、如果有域名,将自己的域名绑定到服务器的公网ip上。
云服务器部署前端服务
yum install -y nginx
进入/etc/ngin文件夹,并且新建自己的配置目录如:myconfig,并且进入此目录,新建一个配置文件如:ghmall.conf,编辑以下内容并且保存:
上传前端文件(执行npm run build后,项目下会生成一个dist文件夹)至该配置文件中配置的地址如:/usr/portal/ghmall-portal/dist
进入/etc/ngin文件夹,编辑配置文件:vim nginx.conf
修改为自己的server配置:
server {
listen 9527;
server_name localhost;
location / {
root /usr/portal/ghmall-portal/dist;
}
location /ghmall/ {
proxy_pass ;
}
然后重新启动nginx:nginx -s reload
输入systemctl start nginx开启 nginx 服务
浏览器上输入yourIpAdress:9090/便可以访问你的页面了
另外systemctl status nginx可以查看 nginx 的运行状态
以及systemctl stop nginx可以关闭 nginx 服务
前端如何有云服务器的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于前端 服务端、前端如何有云服务器的信息别忘了在本站进行查找喔。
