前端

配置路由使用散列路由而不是历史路由。

常数路由器=新值路由器({ (

模式：散列，

.

)； 2 .设定项目的上下文路径

前端使用的上下文路径与后台上下文路径匹配，并在vue-config.js中进行设置

module .导出={

公共路径： ' /上下文路径'，

.

}

后端

配置项目上下文路径配置上下文路径与前端匹配，并由application.yml组成

服务器：

servlet 3:

将上下文路径： /上下文路径2 .与Spring security集成时，不需要验证即可配置静态资源

@EnableWebSecurity

@Configuration

publicclasscustomwebsecurityconfigurerextendswebsecurityconfigureradapter {

@Override

公共语音配置(万维网) {

web.ignoring ().MVCmatchers((/*/*.html )，)/**/*.js，(/**/*.css )，)/* *.*/. SVG )

}

} 3.定义错误查看器解析器

Spring boot的缺省错误查看器将org.spring框架. boot.auto configure.web.servlet.error.basicerrorcontroler类作为

publicclasscustomerrorviewresolverimplementserrorviewresolver {

privatestaticfinalmodelandviewforbidden _ view=新建模者视图(' redirect :/#/403 ' )；

privatestaticfinalmaphttpstatus.series，字符串序列_视图；

静态{2}

MapHttpStatus.Series，string views=newenummap (http status.series.class )；

views.put (http状态.系列.客户端错误，'/#/404 '；

views.put (http状态.系列.服务器错误，'/#/500 ' )；

series _ views=collections.unmodifiablemap (视图)；

}

@Override

publicmodelandviewresolveerrorview (http服务器请求、http状态、映射、对象模型) }

if (status.value (==http status.forbidden.value ) ) )

返回混合视图；

}

string view=series_views.getordefault (status.series (，series _ views.get ) httpstatus.series.server_Erver

返回新模型视图(' redirect : '视图)；

}

}配置错误查看器和静态资源映射

@Configuration

publicclassequipmentwebmvcconfigurerimplementswebmvcconfigurer {

@Bean

publicerrorviewresolvercustomerrorviewresolver (

returnnewcustomerrorviewresolver (；

}

//*

* *预先

*

* * *用户请求/的映射到static/index.html。

* /预

*/

@Override

公共资源握手协会(资源握手协会) {

registry.addresourcehandler('/' )。

.地址分配(第：类路径/静态/索引. html )；

}

{4}4.与spring boot的集成封装

将前端项目打包后，将dist目录中的所有文件复制到spring boot项目的classpath:static目录中，然后将spring boot打包，然后选择Java -。