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项目。

Logo

前往低代码交流专区

更多推荐