写完vue项目之后,本地测试都没有问题,现在想让其他人在公网上也能访问,于是自然要用到云服务器。我目前用的是腾讯云然后加宝塔面板,很方便。
出现的问题就是,我项目在本地没有任何问题,但是丢到服务器上面,发现dist里面的css和js还有img统统都是404 not found,在浏览器的调试工具里看了之后才发现请求的路径不太正确,似乎少了一个路径,就是少了/dist,当然现在只是我的猜想。
解决办法:姑且照着猜想去实践,到vue.config.js里修改下路径,因为我也是刚入行,也一直在踩坑,我猜想这里的路径和webpack是有关的,也就是和打包之后的dist有关,于是,我加了一行代码:publicPath:'./',再npm run build一次,再把打包完的dist丢到服务器上面,于是问题就解决了。
我的vue.config.js的代码截图: