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/'

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值