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

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

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

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

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

 

猜你喜欢

转载自blog.csdn.net/qq_41083105/article/details/119389286