最近准备把项目的前后端一起部署到服务器上, 期间遇到了一些问题, 花了一些时间之后, 成功部署上线, 接下来我会详细描述一下部署上线的过程, 分成前端和后端部分 1.前端 我们这个项目是用vite作为脚手架的, 首先, 我们需要新建一个config文件夹, 写上基础配置, 如下图 因为没有测试服务器, 所以就分为开发和正...
- 在这篇文章,我将从头把一个Springboot Vue3项目打包、部署到腾讯云服务器,操作系统是Ubuntu。- 在这个过程中,需要安装tmux(用于终端复用,也就是相当于多开几个屏),Vim(编辑器),JDK17,Nginx(前端部署在Nginx服务器上),MySQL,Redis(缓存数据库)。- 其中会用到两个软件,putty(用于登录云服务器),FileZilla(用...
三、将Vue项目部署到云服务器 在本地开发环境中,使用命令行进入Vue项目的根目录,运行以下命令构建生产环境的Vue项目: npm run build 构建完成后,将生成的dist目录中的文件上传到云服务器的静态网站目录中,一般可将其部署在/var/www/html目录下。然后,配置Nginx服务器作为反向代理,将静态网站目录映射到公共域名或IP...
8.2 在服务器数据库表中运行sql文件,即可生成表 六.注意事项 1.开放端口! 我刚开始部署的时候就是踩了这个坑,一直不成功 记得使用服务器部署时,要开放需要使用的服务器端口,不然可能没报错但是也部署不成功 2.工具使用 上面讲到的数据库、服务器上传文件和docker操作,我是用navicat、xshell、xftp工具完成的 需要...
2.在main.js将api挂载到vue原型上 3.在api文件夹下就可以使用我们定义的全局变量 ,这样网页才能前后端交互。 五、打包到服务器 配置完这些就可以了,我们运行npm run build-prod (生产环境打包),npm run build-test (测试环境打包)。在cmd输入npm run build-test 按回车,之后会出现如图画面,看到这个就证明打包...
一、Vue 打包的项目如何部署? 1.1 Vue 项目打包 温馨提示:如果你的电脑上没有装 vue 环境的话,请先安装好 node,下面使用Express(一个 http 框架,提供了快速搭建服务器的功能) 也是基于 node 的。具体安装方法请自行百度,我这里就不介绍如何安装了
二.将vue项目部署到nginx服务器上,通过设置conf配置文件来进行外网访问。 1.下载安装nginx,从官网(nginx官网)下载回来解压就好了。接下来打开命令窗口运行nginx服务器 2.修改nginx.conf配置文件 server { listen 81; server_name localhost; #charset koi8-r; ...
首先我们需要一个纯净的服务器!!!(需要跟刚买的时候一样) 安装宝塔面板,因为我尝试过用自己的服务器搭建项目,但是最终因为种种原因导致最终项目部署成功了,但是页面非常卡顿。 接下来安装宝塔 面板: 操作步骤: 1:使用标准方式登录 Linux 实例(推荐)。您也可以根据实际操作习惯,选择其他不同的登录方式(Xshell) 2...
第一步:先把前后端打包的东西放到云服务器上 一般就是放 /www/wwwroot/项目名/下面 再在文件夹下面分别创建存放前后端项目的两个文件夹,可以是这样创建: 在backend文件夹中拖入后端打包好的jar包(上述打包流程中后端打包的2中有展示),并创建error.txt和out.txt,如下图所示: 在front文件夹中拖入前端打包好的dis...