前段时间使用Vue+Springboot写了个小项目,于是想部署到服务器上以便分享。于是,就开始了长达一天的踩坑之旅。。为了让读者(包括下一次想干这事的自己)少踩坑,把整个过程记录一下。
三、将Vue项目部署到云服务器 在本地开发环境中,使用命令行进入Vue项目的根目录,运行以下命令构建生产环境的Vue项目: npm run build 构建完成后,将生成的dist目录中的文件上传到云服务器的静态网站目录中,一般可将其部署在/var/www/html目录下。然后,配置Nginx服务器作为反向代理,将静态网站目录映射到公共域名或IP...
- 在这篇文章,我将从头把一个Springboot Vue3项目打包、部署到腾讯云服务器,操作系统是Ubuntu。- 在这个过程中,需要安装tmux(用于终端复用,也就是相当于多开几个屏),Vim(编辑器),JDK17,Nginx(前端部署在Nginx服务器上),MySQL,Redis(缓存数据库)。- 其中会用到两个软件,putty(用于登录云服务器),FileZilla(用...
点击提交 之后点击导入: 第二种在服务器中创建好数据库 然后从服务器中获取数据库: (10)访问后端接口数据 比如我们访问用户名: 到此整个后端项目的部署过程就结束啦 !! 接下来我们部署前端vue项目 下一篇文章更新!! 文章链接:
4:在本地计算机中,打开浏览器,输入记录的“面板地址”参数值,访问进入宝塔面板页面。 例如http://114.xxx.xxx.188:8888/57ffcc15。 5: 6:登录成功以后,找到以下的目录 7:将springBoot 项目打包成一个Jar 包 放到 http 目录下 8:将前端Vue 项目 使用:npm run build 指令 打包 ,打包完成后,会有一个dist...
将Spring Boot 后端和 Vue 前端整合部署到服务器的一种方法是将其打包成一个单独的可执行文件,并在服务器上运行该文件。 下面是一种可能的部署流程: 在本地开发环境中,分别构建并打包 Spring Boot 后端和 Vue 前端。可以使用 Maven 或 Gradle 来构建 Spring Boot 项目,使用 npm 或 yarn 来构建 Vue 项目。
打包vue项目 更改后端接口ip地址端口号前缀这些 文件vueConfig.js 查看生产环境打包命令build:pord 有需要可以自己更改 rpm run build:pord #打包文件为dist 服务器安装nginx 将dist目录放到html目录下 html目录为nginx静态资源目录 修改nginx.config文件 .env.production文件中会写vue项目前缀,根据本项目来 ...
主要是打开22端口:允许服务器远程连接,和80端口:nginx服务器使用 二、vue前端部署到云服务器 2.1 创建一个vue项目并进行打包 ① 创建一个vue项目 以管理员的身份打开控制台,跳转到你想要创建项目的位置 输入如下命令,创建一个vue项目。 vue create 项目名字 ...
1.进入到vue项目根目录下,执行如下命令打包: npm run build 打包成功后项目目录下会生成dist文件夹(里面有index.html文件和static文件夹) 2.在服务器创建如下目录并将dist文件夹下的文件拷贝进去,如下图: 截图 3.配置nginx cd/etc/nginx/conf.d//进入配置文件目录touch vue.conf//创建vue.conf文件sudo vim vu...
7、前端项目部署到服务器 npm run build 把Vue打包成单页面的HTML 上传到 /usr/local/nginx/下 改名html,原来的html文件加直接删掉即可 注意:mysql用的3306端口,80端口,22端口,项目自定义的端口都要开放防火墙和设置安全组