vue spring-boot 项目前后分离发布
1. 注意看下vue项目config目录中Index.js文件,看是否是以下配置:build: {sitEnv: require('./sit.env'),prodEnv: require('./prod.env'),index: path.resolve(__dirname,'../dist/index.html'),assetsRoot: path.r
1. 注意看下vue项目config目录中Index.js文件,看是否是以下配置:
2. 命令窗口进入vue工程目录,运行 npm run build等项目运行完成,等运行完成。
3. 进入vue工程的dist文件夹,拷贝inedx.html以及项目图标到项目的templates目录,拷贝static下的所有文件到项目的static目录下。
4. Ass-stage新建controller,跳转到项目的index.html页面。
@Controller
@RequestMapping("/")
publicclass *******Controller {
@RequestMapping(path = "/", method =RequestMethod.GET)
public String index() {
System.out.println("进入项目首页....");
return "index";
}
}
5. 输入地址访问项目,如果访问出现js或者css无法找到,则项目中增加config配置文件,配置如下:
@Configuration
publicclass WebMvcConfig extends WebMvcConfigurerAdapter {
@Override
public voidaddResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
}
}
6.重启项目,访问。更多推荐
所有评论(0)