美文网首页
前后端分离的静态资源交互

前后端分离的静态资源交互

作者: 赵栩彬 | 来源:发表于2019-01-03 09:09 被阅读0次

背景

  • 如今前后端分离开发项目如火如荼,在未来的很长时间内将占主导作用.
  • 基于spring boot后端,实现前端对静态资源存取.

遇到的问题

  • 在spring boot项目中默认有三个文件夹可以访问,但是由于打包部署后,文件上传后,前端是不能及时下载或更新这些文件的,虽然有方法处理这样的问题,但是静态资源和包一起上传未免有些臃肿,且不方便开发.

解决

  • 可以在服务器上单独配置一个文件夹作为静态资源访问区,从而实现了和包的解耦.

START


spring boot的配置

  • 首先需要在application.properties配置如下,即配置文件上传路径前缀
web.upload.path=D://online_file/
  • 新建一个配置类
@Configuration
public class FileApplication extends WebMvcConfigurerAdapter {

    @Value("${web.upload.path}")
    private String uploadPath;

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        super.addResourceHandlers(registry);
        registry.addResourceHandler("/**").addResourceLocations(
                "file:"+uploadPath);
    }
}

1.先引入路径前缀
2./**表示任何静态资源都映射到"file:"+uploadPath.
3.在生产模式和开发模式下路径前缀可能是不同的,因此可以写两个application.properties,一个用作开发环境,一个用作生产环境.

  • 至此即可完成静态资源的有效切换.

END

相关文章

  • 前后端分离的静态资源交互

    背景 如今前后端分离开发项目如火如荼,在未来的很长时间内将占主导作用. 基于spring boot后端,实现前端对...

  • AJAX 跨域解决方案

    一、跨域基础知识 #前后端分离(服务器) - 前端资源(html)- server-a 提供前端静态资源 - 后端...

  • 大前端的后端语言

    前端基本 分离特性 前后端分离流行技术方案nginx 维护静态资源 常见的后端语言 一 php优点开源 简洁 ...

  • 我的ajax跨域方案

    我的移动端web app前后端分离后,前端页面的静态资源从后端分离,交由cdn加速,而后端也不再处理页面渲染,只提...

  • 前后端分离 - NGINX 静态代理资源

    静态代理资源 参考前后端分离项目实践分析: 静态代理资源组织模式 一 核心模块 1.requirejs Requ...

  • FreeMarker 一二事 - 静态模板的使用与生成

    如今前后端分离,动静分离 使用freemarker实现动静分离,nginx处理静态资源文件,提高效率 加载jar包...

  • spring boot + vue 整合部署(前端代码编译后打到

    前后端分离部署的方式 vue 编译后的静态资源放在 springboot 的 jar 包外 vue 编译后的静态资...

  • Jenkins前端项目持续部署

    前后端分离的开发模式下,往往前端只需将一个包含js,html,css以及其他静态资源的dist目录发给后端。 最直...

  • swagger

    swagger简介 前后端分离 Vue+SpringBoot后端时代:前端只用管理静态页面;html-->后端。模...

  • Node

    环境 官网英文官网中文 淘宝前后端分离实践百度静态资源库 node repl开发 dos命令tasklist 查看...

网友评论

      本文标题:前后端分离的静态资源交互

      本文链接:https://www.haomeiwen.com/subject/jbhnlqtx.html