root /usr/share/nginx/html; try_files $uri $uri/ /index.html; } } 在上面的配置中,/api/路径的请求将被转发到后端SpringBoot服务的8080端口,而其他的请求则直接由Nginx服务静态的Vue3前端页面。 五、总结 通过Docker和Nginx的协同工作,我们可以轻松地部署Vue3前端应用和SpringBoot后端服务。这种部署方式不仅...
(3)这时候开始配置cong中的nginx.conf文件,vim nginx.conf。 (4)修改配置文件:具体如图所示,在这里注意proxy_pass http://之后的地址加你自己电脑的IP地址加上相应的后端的端口号。 举个例子:假设这里我本机的IP地址为192.168.12.1,SpringBoot的端口号为8081,那么请求地址为proxy_pass http://192.168.12.1:8081...
Vue3打包部署Nginx 1、在vue.config.js中配置如下 1const{defineConfig} = require('@vue/cli-service')2module.exports =defineConfig({3transpileDependencies:true,4lintOnSave:false,//关闭语法检查56//基本路径(下面是重点)7publicPath:'/',8//输出文件目录9outputDir:'dist',10configureWebpack: {11external...
一.前端Vue打包 1.打包 打开vue项目 控制台运行指令打包 npm run build 1. 2.配置 打包后会生成dist文件夹 二.后端SpringBoot打包 1.准备工作 1.1 确保项目安装了打包依赖 <build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> <versi...
@SpringBootApplication public class DemoApplication { public static void main(String[] args) { SpringApplication.run(DemoApplication.class, args); } } 在IDE中运行该项目,可以通过以下命令启动Spring Boot应用: mvn spring-boot:run 或者直接通过运行启动类中的main方法启动应用。
Vue3应用通常部署在静态文件服务器上,如Nginx或Node.js。以下是使用Nginx部署Vue3应用的步骤: 打包Vue3项目: 使用Vue CLI打包项目: npm run build 这将生成一个名为dist的目录,其中包含所有静态文件。 配置Nginx: 创建一个Nginx配置文件,例如nginx.conf: server { listen 80; server_name localhost; location /...
创建SpringBoot项目: 可以通过Spring Initializr在线生成项目模板,选择SpringBoot 3.x版本,并添加必要的依赖项,如Spring Web、MyBatis Plus等。 将生成的项目下载并导入到IDE中。 配置数据库连接:根据项目需求选择合适的数据库(如MySQL、PostgreSQL等),并在application.yml文件中配置相应的连接信息。
Vue+Spring Boot项目部署的基本步骤包括前端打包、后端打包、服务器配置和启动服务。 一、前端打包 进入项目路径: 打开终端或命令提示符,导航到Vue项目的根目录。 执行打包命令: 运行以下命令来打包Vue项目: bash npm run build 打包完成后,会在项目根目录下生成一个dist文件夹,里面包含了构建后的静态文件。 上传...
注意事项【jar包部署,需要使用nginx代理,前端项目中的代理仅能在本地使用】 2.war包 将ruoyi/ruoyi-admin/pom.xml中的packaging修改为war <packaging>war</packaging> 修改ruoyi-framework/pom.xml,增加去除SpringBoot的内嵌tomcat的设置 <!--多模块排除内置tomcat--><dependency><groupId>org.springframework.boot<...
One Doc基于SpringBoot + Vue3.0开发,提供Office等文档的在线预览服务。 效果图 一、项目介绍 One Doc是一款基于SpringBoot + Vue3.0开发的在线文档预览系统,支持Office和PDF的在线预览、下载、打印等功能。 One Doc提供了一套完整的文档预览解决方案,支持格式包括doc/docx、xls/xlsx、ppt/pptx、pdf ,提供添加水印等...