vue-cli生成的项目,打包部署在tomcat服务器上,报错404

1. 项目一般情况下在本地是不会出现这个问题的,因为我们在本地开发时,项目的访问路径就是'/',但是部署到服务器以后,此处我们以tomcat为例, 项目会部署在webapps目录下面,为了做以区分,我们通常会另建一个项目目录,例如我们建个sample目录,此时服务器上项目的根目录就是/sample/了, 这时我们需要修改一下webpack的编译路径。

修改方法: 找到config/index.js文件,修改build中的assetsPublicPath为: assetsPublicPath: './' (网上推荐使用) 或者 assetsPublicPath: '/sample/' (个人推荐使用)    

2. 如果在上述修改方案中改为 assetsPublicPath: './',访问页面的时候静态资源访问会报404,打开F12发现,静态资源路径前面又多了两层/static/css:   原因就是path设置的问题,它会去寻找上层的相对路径,所以还是需要改成'/sample/'

猜你喜欢

转载自blog.csdn.net/c2311156c/article/details/82215373