webpack构建的项目的部署问题

问题描述

问 题

开发了一个单页面[使用的webpack+vue+vue-router,能切换路由访问不同模块]，现在想把dist下的文件部署到tomcat进行发布。发现只能通过/项目名/index.html才能访问到单页面，而无法通过不同url访问到不同路由去。thx

另外知道如果不部署静态文件到tomcat，而是使用webpack[npm run dev]就可以通过url任意切换路由从不同模块进入单页面了。不过现在不想前后端分开部署。

解决方案

开发时Webpack中用Express, Koa之类把所有请求路由到index.html即可。

app.get('*', function(req, res) {
  res.sendFile('index.html')
})

部署到Tomcat时也是类似，配置所有请求路由到index.html。

这篇关于webpack构建的项目的部署问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！