若依框架前端静态资源到后端访问-Toy模板网

这篇具有很好参考价值的文章主要介绍了若依框架前端静态资源到后端访问。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

修改ruoyi-ui中的.env.production（二选一）

// 本机地址访问VUE_APP_BASE_API = '/'
// 任意地址访问
VUE_APP_BASE_API = '//localhost:8080'

修改ruoyi-ui中的router/index.js，设置mode属性为hash

export default new Router({
  //mode: 'history', // 去掉url中的#
  mode: 'hash',
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRoutes
})

打包前端静态资源文件。

npm run build:prod

修改后端resources中的application.yml，添加thymeleaf模板引擎配置

spring:
  # 模板引擎
  thymeleaf:
    mode: HTML
    encoding: utf-8
    cache: false

修改后端pom.xml，增加thymeleaf模板引擎依赖

<!-- spring-boot-thymeleaf -->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

修改后端ResourcesConfig.java中的 addResourceHandlers，添加静态资源映射地址

/** 前端静态资源配置 */
registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");

修改后端SecurityConfig.java中的 configure，添加允许访问的地址。

//静态资源，可匿名访问
.antMatchers(HttpMethod.GET, "/", "/*.html", "/**/*.html", "/**/*.css", "/**/*.js", "/profile/**","/static/**","/index","/*.ico").permitAll()

后端修改访问控制处理SysIndexController.java设置对应访问页面。

package com.ruoyi.web.controller.system;

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.servlet.ModelAndView;

/**
 * 首页
 */
@RestController
public class SysIndexController
{
    /** 系统基础配置 */
    //@Autowired
    //private ScrewdriverConfig screwdriverConfig;

    /**
     * 访问首页，提示语
     */
/*    @RequestMapping("/")
    public String index()
    {
        return StringUtils.format("欢迎使用{}后台管理框架，当前版本：v{}，请通过前端地址访问。", screwdriverConfig.getName(), screwdriverConfig.getVersion());
    }*/

    @RequestMapping("/")
    public ModelAndView index() {
    	//项目在本地运行无异常，打包后发现页面无法跳转
    	//检查日志发现是Thymeleaf出现问题 org.thymeleaf.exceptions.TemplateInputException:
        //return new ModelAndView("/index.html");
        return new ModelAndView("index.html");
    }
}