之前写好前端文件,自己打包好,然后通知一下后端,将打包好的文件发给后端就溜啦。但是啊,自己总是要成长的嘛。这次呀,leader让我自己下载xshell和xftp自己学着更新部署环境。 首先用xshell连接会话,输入你的ip地址和端口号。如图:
然后通过xftp将本地电脑的文件传递到服务端。如图。
这里我将文件打包生成的dist文件夹的文件全部放上去,结果默认打开的当然是index.html文件啦。但是页面样式出错,控制台报错。
看这控制台,一排红看的真是头皮发麻。但是仔细一看,错误的原因竟然都是一样的:引入文件找不到。原来我们的路径有问题。https://192.168.0.30/assets/ 文件找不到,但是所有的https://192.168.0.30/bar/asset这才是正确的路径。看似很简单的就只是在端口号后面都加上/bar路径就好了。但是这种引用路径很多。一个个加上去。那好像挺废人的。而且就算把index.html文件修改好啦,后面的其他文件的目录也要改,看似一个文件,其实整个系统的所有目录都要调整。而且你后面修改东西 重先打包上传,人家打包的又是错误的路径。
于是乎,我百度。上面说错误原因是因为写的是绝对路径,那改成相对路径就好了。
一个是在config.js文件里的build对象加上assetesPublicPath:"./"
但是我发现我的系统用的是vuepress,所以又百度vuepress的解决办法。结果如下:
按照上面的方法还是未得到解决。
注意:前方高能!!!
> 在vuepress文件的config.js里面,加上base:'/bar/',这样我们的文件目录就对上了。图片引用的话在引用路径为:$withBase('/picture.png')"
我感觉这里还是使用的是绝对路径,前面百度的是将绝对路径改为相对路径的方法。但是尝试了都不行。欢迎给位大佬指正。