将vue的dist文件放到SprintBoot项目resources文件下，Spring-mvc怎么配置访问

时间: 2024-02-18 11:05:59 浏览: 206

SPRING MVC配置过程

SPRING MVC 配置过程 SPRING MVC 是一个基于 DispatcherServlet 的 MVC 框架，每一个请求最先访问的都是 DispatcherServlet，DispatcherServlet 负责转发每一个 Request 请求给相应的 Handler，Handler 处理以后再返回相应的视图(View)和模型(Model)，返回的视图和模型都可以不指定，即可以只返回 Model 或只返回 View 或都不返回。一、 Spring MVC 环境搭建在开始配置 SPRING MVC 之前，需要首先搭建 Spring MVC 环境。Spring MVC 环境搭建需要以下几个步骤： 1. jar 包引入需要引入以下 jar 包： * Spring 2.5.6：spring.jar、spring-webmvc.jar、commons-logging.jar、cglib-nodep-2.1_3.jar * Hibernate 3.6.8：hibernate3.jar、hibernate-jpa-2.0-api-1.0.1.Final.jar、antlr-2.7.6.jar、commons-collections-3.1、dom4j-1.6.1.jar、javassist-3.12.0.GA.jar、jta-1.1.jar、slf4j-api-1.6.1.jar、slf4j-nop-1.6.4.jar * 相应数据库的驱动 jar 包二、 DispatcherServlet 配置 DispatcherServlet 是 SPRING MVC 的核心组件，负责转发每一个 Request 请求给相应的 Handler。DispatcherServlet 是继承自 HttpServlet 的，可以在 web.xml 文件中声明。  <servlet> <servlet-name>spring</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>  <init-param> <param-name>contextConfigLocation</param-name> <param-value>/WEB-INF/spring-servlet.xml</param-value> 默认 </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>spring</servlet-name> <url-pattern>*.do</url-pattern> </servlet-mapping> 三、 Spring 配置  <listener> <listener-class> org.springframework.web.context.ContextLoaderListener </listener-class> </listener>  <context-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:config/applicationContext.xml</param-value> </context-param> 四、 spring-servlet.xml 配置 spring-servlet.xml 文件名是根据上面 web.xml 中 <servlet-name> 标签的值生成的，例如，如果 <servlet-name> 为 springMVC，那么对应的文件名为 springMVC-servlet.xml。 <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd">  </beans> 通过对 SPRING MVC 的配置过程的详细解释，我们可以了解到 SPRING MVC 的基本架构和配置方法，从而更好地应用 SPRING MVC 框架来开发 WEB 应用程序。

如果你的Vue应用是打包成单个文件并放置在Spring Boot项目的resources目录下，你可以通过以下步骤在Spring MVC中访问它： 1.在Spring Boot项目中创建一个Controller，用于处理Vue应用的请求。例如，你可以创建一个HomeController。 ```java @Controller public class HomeController { } ``` 2.在HomeController中创建一个方法，用于返回Vue应用的HTML页面。这个方法应该返回一个String类型的值，表示视图的名称。在这个方法中，你可以使用Model对象来传递数据给视图。 ```java @Controller public class HomeController { @RequestMapping("/") public String index(Model model) { // 将数据传递给视图 return "vue-app"; } } ``` 3.在resources/static目录下创建一个名为vue-app.html的HTML文件，并在其中引用Vue应用的JavaScript和CSS文件。你可以使用thymeleaf模板引擎来引用这些文件，或者直接使用HTML标签。 ```html <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Vue App</title> <link rel="stylesheet" type="text/css" th:href="@{/resources/vue-app.css}"> </head> <body> <div id="app">  </div> <script type="text/javascript" th:src="@{/resources/vue-app.js}"></script> </body> </html> ``` 4.在Spring Boot的配置文件中，配置静态资源的访问路径。在application.properties文件中添加以下配置： ```properties spring.mvc.static-path-pattern=/resources/** ``` 5.最后，在你的路由配置中，将HomeController的方法映射到你的应用程序的根路径，例如： ```java @Configuration public class WebConfig implements WebMvcConfigurer { @Override public void addViewControllers(ViewControllerRegistry registry) { registry.addViewController("/").setViewName("forward:/vue-app.html"); } } ``` 这样配置后，当你访问应用程序的根路径时，将会返回Vue应用的HTML页面，Vue应用的JavaScript和CSS文件也会被加载。

阅读全文

将vue的dist文件放到SprintBoot项目resources文件下，Spring-mvc怎么配置访问

相关推荐

springboot如何使用vue打包过的页面资源

spring boot整合vue

vue项目打包后的dist文件放在resources里面Spring-mvc怎么配置

vue打包后的dist文件，放在springboot的resources文件下，应该怎么配置怎样访问

spring-vuejs

毕业设计--微麦电影购票小程序（Vue、SpringBoot）.zip

SpringBoot+Vue的实战入门案例

基于SpringBoot和Vue的旅游网站订票系统设计.zip

Springboot和Vue结合的共享单车管理系统源码解析

Spring Boot + Vue.js 全栈实战：构建会员管理系统

springboot vue mybatis项目src/main/resources/static

springboot+ vue的项目怎么运行

如何在SpringBoot项目中整合Vue.js，并将整合后的应用部署到服务器上？请提供一个详细的步骤指南。

springboot整合vue框架

springboot vue前后端分离后端目录结构

springboot＋vue实现增删改查

如何使用Spring Boot和Vue构建系统

在Java后端开发中，如何集成Vue.js前端项目进行前后端分离开发？请提供具体步骤和相关配置。

解压软件 ZArchiver.apk

最新推荐

解压软件 ZArchiver.apk

毕设项目：基于SSM框架+mysql开发的教务管理系统分前后台【附含源码+数据库+毕业论文】

设计和仿真一个用于控制双质量弹簧阻尼系统位移的多变量控制系统.docx

1-全国各地级市金融机构本外币与人民币存款和贷款2010-2020年-社科数据.zip

开发一个带有 PCIe Endpoint 设备的驱动程序并实现热插拔功能.docx

MATLAB实现小波阈值去噪：Visushrink硬软算法对比

管理建模和仿真的文件

【交互特征的影响】：分类问题中的深入探讨，如何正确应用交互特征

c语言从链式队列 中获取头部元素并返回其状态的函数怎么写

易语言实现画板图像缩放功能教程

c语言从链式队列中获取头部元素并返回其状态的函数怎么写