将vue项目打包生成的dist丢到服务器上,发现访问不到资源?

        写完vue项目之后,本地测试都没有问题,现在想让其他人在公网上也能访问,于是自然要用到云服务器。我目前用的是腾讯云然后加宝塔面板,很方便。

        出现的问题就是,我项目在本地没有任何问题,但是丢到服务器上面,发现dist里面的css和js还有img统统都是404 not found,在浏览器的调试工具里看了之后才发现请求的路径不太正确,似乎少了一个路径,就是少了/dist,当然现在只是我的猜想。

        解决办法:姑且照着猜想去实践,到vue.config.js里修改下路径,因为我也是刚入行,也一直在踩坑,我猜想这里的路径和webpack是有关的,也就是和打包之后的dist有关,于是,我加了一行代码:publicPath:'./',再npm run build一次,再把打包完的dist丢到服务器上面,于是问题就解决了。

我的vue.config.js的代码截图:

 

 

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值