vue.js 部署到tomcat中出现访问路径不对,页面加载不出来问题及解决

问题:vue.js 部署到tomcat上之后,访问index.html文件,打开浏览器控制台,出现css,js,img等路径不对,返回404.

打包路径:
+dist
    +static
        +css
        +js
        +image
    -index.html

解决

先说一下我的方法:

1.在tomcat的webapps下新建test文件夹,
然后把static文件夹和index.html文件放在test文件夹下
访问http://localhost:8080/test/index.html
2.设置webpack下的config下的index.js下的assetsPublicPath为  ./