美文网首页
vue项目部署运行到服务器上(二)

vue项目部署运行到服务器上(二)

作者: 其实娥卟坏 | 来源:发表于2018-12-05 10:01 被阅读0次
    1.【修改index.js】修改config目录下的index.js,将assetsPublicPath: '/'改为assetsPublicPath: './',注意,有两处,都要改,不然打包部署到tomcat上面访问是一片空白;还有一点需要注意的就是,webstorm起服务时,需要改回来,不然也是不行的
    image.png
    2.【打包】项目文件目录下运行命令:npm run build,将项目打包好,然后当前项目目录下有一个dist文件夹,该文件夹下有一个index.html和static文件夹
    image.png
    3.【tomcat部署】现在,在tomcat的webapps文件夹下以项目名称新建一个文件夹,比如vue-demo,然后将index.html和static文件夹复制到vue-demo文件夹下,现在就可以启动服务器了,访问正常。
    image.png

    相关文章

      网友评论

          本文标题:vue项目部署运行到服务器上(二)

          本文链接:https://www.haomeiwen.com/subject/rycicqtx.html