之前遗留了一个vue项目的bug:vue histroy模式去除# 页面刷新 显示空白异常,F12之后发现引入的JS和CSS全是404,很显示问题出在路由路径上了!

然后,去度娘找到的解决方案:
1.更改文件webpack.prod.config.js ,publicPath从'./'更改为'/'

我想说的是,对于一个新手来说,webpack我找了很久在源码里面没有找到,除非是在node_modules插件里面,既然是插件,那还是建议从自身层面解决问题吧!这方案行不通!

2.nginx服务端修改指定文件夹及路径

location /aaa {
    root home/xxx/www   //你自己的根目录地址
    try_files $uri $uri/ /aaa/;     //这里的 /aaa/ 也可以写成/aaa/index.html
}

我想说的是,虽然这个在宝塔面板能找到,可是我的一直在根目录啊(域名直接指向到的文件夹),为什么还是bug? 我没有尝试!

最后说一下我的方法:

很简单,初级前端都知道,图片路径不对怎么办! —— 直接修改路径

【已解决】vue histroy模式 去除# 之后页面刷新 页面空白-Qui-Note

是不是很简单?这群人还在修改服务器和插件,不知道是脑子学傻了,还是头发掉光了,直接引用绝对路径,分分钟修复这个疑难问题!