VueCli3 打包并发布到tomcat
1.Vue执行 npm run build打包之前2.在最外层目录下创建一个vue.config.js文件;在vue.config.js中输入如下代码:**module.exports = { publicPath: './' }3.、修改路由配置src/router/index.js,增加配置base: ‘/vuecli3/’,这里的名称"vuecli3"需要与后面上传到tomcat的...
·
1.Vue执行 npm run build打包之前
在最外层目录下创建一个vue.config.js文件;
在vue.config.js中输入如下代码:
module.exports = {
publicPath: './'
}
2.、修改路由配置src/router/index.js,增加配置base: ‘/vuecli3/’,
这里的名称"vuecli3"需要与后面上传到tomcat的文件夹名称一样
export default new Router({
//如打包文件存放在Tomcat/webapps/aoxinwechat下,
//那么base就这么写
base: '/vuecli3/',
mode: 'history',
routes: [
...
]
})
3.vue执行npm run build 打包生成dist文件夹,
4,进入下载好的tomcat中的webapps文件里面,新建一个vuecli3文件夹,并且将dist中的所有文件复制到vuecli3 中
5.启动tomcat,在tomcat下的bin目录中双击startup.bat文件,或者打开命令行去访问startup.bat,
访问路径格式>>ip:port/vuecli3,例如:http://localhost:8080/vuecli3,即可访问到Vue项目。
更多推荐
已为社区贡献1条内容
所有评论(0)